From f30d1960e58a2f5a70651babc26ad743ebde4bb1 Mon Sep 17 00:00:00 2001
From: liushilong <2224574157@qq.com>
Date: Wed, 17 Apr 2024 16:37:33 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=89=8D=E7=BD=AE=E7=AC=A6=E5=8F=B7?=
 =?UTF-8?q?=E4=B8=8E=E6=98=9F=E5=8F=B7=E4=B8=8E=E6=96=87=E5=AD=97=E7=AD=89?=
 =?UTF-8?q?=E9=AB=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                                 |  3 ++
 src/views/home/aside/comp/AdvanceFilter.vue | 32 ++++++++++-----------
 2 files changed, 19 insertions(+), 16 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 31b05e2..a68093d 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -103,4 +103,7 @@ const getThemeOverrides = computed(() => {
   width: 14px !important;
   height: 14px !important;
 }
+.v-binder-follower-content {
+  left: -60px;
+}
 </style>
diff --git a/src/views/home/aside/comp/AdvanceFilter.vue b/src/views/home/aside/comp/AdvanceFilter.vue
index 4a53379..a3ba853 100644
--- a/src/views/home/aside/comp/AdvanceFilter.vue
+++ b/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>