From 8746a502eb0e87592d7c312742b582f37bee4ca7 Mon Sep 17 00:00:00 2001
From: akfdwjx <610575769@qq.com>
Date: Fri, 23 Aug 2024 10:42:51 +0800
Subject: [PATCH] ListHeader & ContextMenu style perf

---
 src/components/function/ContextMenu.vue   | 17 ++---------------
 src/components/layout/list/ListHeader.vue |  4 ++--
 2 files changed, 4 insertions(+), 17 deletions(-)

diff --git a/src/components/function/ContextMenu.vue b/src/components/function/ContextMenu.vue
index 7e7218f..3f2570c 100644
--- a/src/components/function/ContextMenu.vue
+++ b/src/components/function/ContextMenu.vue
@@ -91,12 +91,13 @@ onUnmounted(() => {
     <teleport to="body">
       <div
         v-if="visible"
-        class="context-menu bg-info"
+        class="text-white text-[14px] fixed px-1 pt-1 rounded bg-[var(--sys-primary)] z-[10]"
         :style="{ left: `${x}px`, top: `${y}px` }"
       >
         <div
           v-for="item in menuData"
           :key="item.id"
+          class="cursor-pointer pb-1"
           @click="selectMenu(item)"
         >
           {{ item.label }}
@@ -105,17 +106,3 @@ onUnmounted(() => {
     </teleport>
   </div>
 </template>
-
-<style scoped>
-.context-menu {
-  position: fixed;
-  padding:4px 4px 0;
-  border-radius: 5px;
-  font-size: 14px;
-  color:#fff;
-  div{
-    padding-bottom: 4px;
-    cursor: pointer;
-  }
-}
-</style>
diff --git a/src/components/layout/list/ListHeader.vue b/src/components/layout/list/ListHeader.vue
index 5f11c5c..4091c03 100644
--- a/src/components/layout/list/ListHeader.vue
+++ b/src/components/layout/list/ListHeader.vue
@@ -219,8 +219,8 @@ function handleSort(column: ColumnConfWithSort) {
       >
         <i :class="`${column.icon} mr-1`" /> {{ column.title }}
         <div v-if="column.hasOwnProperty('orderDesc')" class="sort-box flex flex-col items-center justify-center ml-2" @click.stop="handleSort(column as ColumnConfWithSort)">
-          <i class="sort-icon octicon-chevron-up-12" :class="`${column.orderDesc === false ? 'text-primary' : ''}`" />
-          <i class="sort-icon octicon-chevron-down-12 mt-[-12px]" :class="column.orderDesc ? 'text-primary' : ''" />
+          <i class="sort-icon octicon-triangle-down-24 rotate-180 mb-[-3px]" :class="`${column.orderDesc === false ? 'text-primary' : ''}`" />
+          <i class="sort-icon octicon-triangle-down-24 mt-[-12px]" :class="column.orderDesc ? 'text-primary' : ''" />
         </div>
       </div>
       <!-- 操作列 -->