From a4413699c4b9769a9a44e256144899008aab0886 Mon Sep 17 00:00:00 2001
From: KAI <1373639299@qq.com>
Date: Thu, 20 Mar 2025 08:30:18 +0000
Subject: [PATCH] =?UTF-8?q?style(ColumnSetting):=20=E5=9B=BE=E6=A0=87?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../GiTable/src/components/ColumnSetting.vue  | 28 +++++++------------
 1 file changed, 10 insertions(+), 18 deletions(-)

diff --git a/src/components/GiTable/src/components/ColumnSetting.vue b/src/components/GiTable/src/components/ColumnSetting.vue
index 8e17217..01fc334 100644
--- a/src/components/GiTable/src/components/ColumnSetting.vue
+++ b/src/components/GiTable/src/components/ColumnSetting.vue
@@ -47,7 +47,7 @@
               {{ item.title }}
             </a-checkbox>
             <div class="gi-table__draggable-item-fixed">
-              <span
+              <icon-pushpin
                 class="gi-table__fixed-icon"
                 :class="[
                   {
@@ -56,10 +56,8 @@
                   },
                 ]"
                 @click="handleFixedColumn(item, 'left')"
-              >
-                <icon-left />
-              </span>
-              <span
+              />
+              <icon-pushpin
                 class="gi-table__fixed-icon"
                 :class="[
                   {
@@ -67,10 +65,9 @@
                     'gi-table__fixed-icon--disabled': !item.show,
                   },
                 ]"
+                :rotate="270"
                 @click="handleFixedColumn(item, 'right')"
-              >
-                <icon-right />
-              </span>
+              />
             </div>
           </div>
         </VueDraggable>
@@ -514,23 +511,18 @@ defineExpose({
       margin-left: auto;
       display: flex;
       align-items: center;
-      gap: 8px;
     }
   }
 
   &__fixed-icon {
-    display: inline-flex;
-    align-items: center;
-    padding: 2px 6px;
-    border-radius: 2px;
     cursor: pointer;
+    font-size: 16px;
+    color: var(--color-text-3);
     transition: all 0.2s ease;
-    font-size: 12px;
-    border: 1px solid var(--color-border-2);
+    padding: 4px;
+    border-radius: 2px;
 
     &--active {
-      border-color: rgb(var(--primary-6));
-      background-color: rgb(var(--primary-1));
       color: rgb(var(--primary-6));
     }
 
@@ -540,8 +532,8 @@ defineExpose({
     }
 
     &:hover:not(&--disabled) {
-      border-color: rgb(var(--primary-6));
       color: rgb(var(--primary-6));
+      background-color: var(--color-fill-2);
     }
   }
 }