refactor(接口测试): 修改高级参数设置按钮样式

frontend/src/business/components/api/test/components/ApiVariable.vue

@@ -7,10 +7,11 @@
       <el-row type="flex" :gutter="20" justify="space-between" align="middle">
         <el-col>
 
-          <el-input v-if="!suggestions" :disabled="isReadOnly" v-model="item.name" size="small" maxlength="200" @change="change" :placeholder="keyText" show-word-limit>
+          <el-input v-if="!suggestions" :disabled="isReadOnly" v-model="item.name" size="small" maxlength="200"
+                    @change="change" :placeholder="keyText" show-word-limit>
             <template v-slot:prepend>
               <el-select v-if="type === 'body'" :disabled="isReadOnly" class="kv-type" v-model="item.type">
-                <el-option value="text" />
+                <el-option value="text"/>
                 <el-option value="file"/>
               </el-select>
             </template>
@@ -31,7 +32,7 @@
             value-key="name"
             highlight-first-item
             @select="change">
-            <i slot="suffix" class="el-input__icon el-icon-edit" style="cursor: pointer;" @click="advanced(item)"></i>
+            <i slot="suffix" class="el-input__icon el-icon-edit pointer" @click="advanced(item)"></i>
           </el-autocomplete>
         </el-col>
 
@@ -155,31 +156,36 @@ export default {
 </script>
 
 <style scoped>
-  .kv-description {
+.kv-description {
   font-size: 13px;
-  }
+}
 
-  .kv-row {
+.kv-row {
   margin-top: 10px;
-  }
+}
 
-  .kv-delete {
+.kv-delete {
   width: 60px;
-  }
+}
 
-  .el-autocomplete {
+.el-autocomplete {
   width: 100%;
-  }
+}
 
-  .advanced-item-value >>> .el-dialog__body {
+.advanced-item-value >>> .el-dialog__body {
   padding: 15px 25px;
-  }
+}
 
-  .el-row {
+.el-row {
   margin-bottom: 5px;
-  }
+}
 
-  .kv-type {
+.kv-type {
   width: 70px;
-  }
+}
+
+.pointer {
+  cursor: pointer;
+  color: #1E90FF;
+}
 </style>