feat: 前置符号与星号与文字等高

src/App.vue

@@ -103,4 +103,7 @@ const getThemeOverrides = computed(() => {
   width: 14px !important;
   height: 14px !important;
 }
+.v-binder-follower-content {
+  left: -60px;
+}
 </style>

src/views/home/aside/comp/AdvanceFilter.vue

@@ -200,8 +200,7 @@ function favoriteHandler(event: MouseEvent, item: any) {
     data.value.forEach((v, index) => {
       if (v.id == id)
         sort(v.id, 0)
-      else
-        sort(v.id, index + 1)
+      else sort(v.id, index + 1)
     })
 
     inputHandler(ruleForm.keyword)
@@ -216,8 +215,7 @@ const rules = {
       validator(_rule, value) {
         if (value.length >= 2)
           return true
-        else
-          return new Error('搜索关键字最少为两个')
+        else return new Error('搜索关键字最少为两个')
       },
     },
   ],
@@ -332,7 +330,7 @@ defineExpose({
               >
                 <SvgIcon
                   name="drag"
-                  size="18"
+                  size="13"
                   color="#333333"
                   style="margin-right: 3px"
                 />
@@ -340,20 +338,21 @@ defineExpose({
                   v-if="item.favorite && !item.isDefaultFilter"
                   name="favorite-fill"
                   color="#fd9b0a"
-                  width="13"
-                  height="12"
+                  size="18"
                   style="margin-right: 3px"
                   @click="unFavoriteHandler($event, item)"
                 />
                 <SvgIcon
                   v-else-if="!item.favorite && !item.isDefaultFilter"
                   name="favorite-unfill"
-                  width="13"
-                  height="12"
+                  size="18"
                   style="margin-right: 3px"
                   @click="favoriteHandler($event, item)"
                 />
-                <div style="color: #333333" v-html="item.name" />
+                <div
+                  style="color: #333333; white-space: nowrap; overflow: hidden"
+                  v-html="item.name"
+                />
               </li>
               <!-- filter=".draggable-li[draggable='false']" -->
               <VueDraggable
@@ -371,13 +370,12 @@ defineExpose({
                   :draggable="true"
                   @click="selectHandler(item)"
                 >
-                  <SvgIcon name="drag" size="10" style="margin-right: 3px" />
+                  <SvgIcon name="drag" size="13" style="margin-right: 3px" />
                   <SvgIcon
                     v-if="item.favorite && !item.isDefaultFilter"
                     name="favorite-fill"
                     color="#fd9b0a"
-                    width="13"
-                    height="12"
+                    size="18"
                     fill="#666666"
                     style="cursor: pointer !important; margin-right: 3px"
                     @click="unFavoriteHandler($event, item)"
@@ -385,13 +383,15 @@ defineExpose({
                   <SvgIcon
                     v-else-if="!item.favorite && !item.isDefaultFilter"
                     name="favorite-unfill"
-                    width="13"
-                    height="12"
+                    size="18"
                     fill="#666666"
                     style="cursor: pointer !important; margin-right: 3px"
                     @click="favoriteHandler($event, item)"
                   />
-                  <div style="color: #333333" v-html="item.name" />
+                  <div
+                    style="color: #333333; white-space: nowrap; overflow: hidden"
+                    v-html="item.name"
+                  />
                 </li>
               </VueDraggable>
             </ul>