centaline-data-driven 1.3.19 → 1.3.22

package/src/centaline/quickInputSos/src/quickInput.vue

@@ -2,39 +2,25 @@
  * @Author: linchunmei 179466780@qq.com~
  * @Date: 2022-06-21 11:29:34
  * @LastEditors: linchunmei 179466780@qq.com
- * @LastEditTime: 2022-07-01 11:12:13
+ * @LastEditTime: 2022-07-04 09:46:56
  * @FilePath: \js-sdk-v3\src\centaline\quickInputSos\src\quickInput.vue
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 -->
 <template>
   <div class="ct-quickInput">
-    <el-popover
-      ref="pop"
-      placement="bottom-start"
-      v-model="showDrop"
-      trigger="click"
-      @show="searchInputHandle"
-      class="more-dropdown"
-    >
+    <el-popover ref="pop" placement="bottom-start" v-model="showDrop" trigger="click" @show="searchInputHandle"
+      class="more-dropdown">
       <div>
         <div>
-          <el-input
-            ref="searchInput"
-            size="mini"
-            suffix-icon="el-icon-search"
-            v-model="searchText"
-            @input="searchInputHandle"
-          ></el-input>
+          <el-input ref="searchInput" size="mini" suffix-icon="el-icon-search" v-model="searchText"
+            @input="searchInputHandle"></el-input>
         </div>
-        <ctSelectOptionVertical
-          :model="model"
-          @click="selectOption($event)"
-        ></ctSelectOptionVertical>
+        <ctSelectOptionVertical :model="model" @click="selectOption($event)"></ctSelectOptionVertical>
       </div>
-      <!-- <i slot="reference" class="el-icon-more"></i> -->
-      <span slot="reference" style="font-family: Comic Sans MS; font-size: 14px"
+      <i slot="reference" class="el-icon-arrow-down"></i>
+      <!-- <span slot="reference" style="font-family: Comic Sans MS; font-size: 14px"
         ><div class="my-icon-more"></div
-      ></span>
+      ></span> -->
     </el-popover>
   </div>
 </template>
@@ -100,7 +86,7 @@ export default {
       this.$emit("click", value);
     },
   },
-  mounted() {},
+  mounted() { },
 };
 </script>
 <style scoped>
@@ -108,14 +94,16 @@ export default {
   cursor: pointer;
   color: #409eff;
 }
+
 .more-dropdown {
   position: absolute;
   width: 16px;
   height: 20px;
   text-align: left;
-  top: 3px;
-  right: -2px;
+  top: 4px;
+  right: 6px;
 }
+
 .my-icon-more {
   width: 16px;
   height: 20px;
@@ -128,7 +116,7 @@ export default {
   cursor: pointer;
 }
 
-.ct-quickInput.ct-flex-div-span {
+/* .ct-quickInput.ct-flex-div-span {
   width: 12px;
-}
+} */
 </style>