From cdf9e3643a57e41bb18cbaffc18f5ebf3e7a206e Mon Sep 17 00:00:00 2001
From: juetan <contact@juetan.cn>
Date: Thu, 11 Jan 2024 22:28:13 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96=E8=8F=9C=E5=8D=95?=
 =?UTF-8?q?=E6=8A=98=E5=8F=A0=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 scripts/vite/color.ts                      |  2 +-
 src/App.vue                                |  1 -
 src/components/AnBreadcrumb/bread-page.vue |  2 +-
 src/pages/_layout/index.vue                | 12 ++++++++----
 src/pages/system/user/index.vue            |  2 +-
 5 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/scripts/vite/color.ts b/scripts/vite/color.ts
index 38386e4..64f3746 100644
--- a/scripts/vite/color.ts
+++ b/scripts/vite/color.ts
@@ -4,7 +4,7 @@ const arcoLevels = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
 export const arcoToUnoColor = (arcoColorName: string): { [id: string]: string } => {
   const colors = {};
   for (let i = 0; i < 10; i++) {
-    colors[unoLevels[i]] = `rgb(var(--${arcoColorName}-${arcoLevels[i]}))`;
+    colors[unoLevels[i]] = `rgba(var(--${arcoColorName}-${arcoLevels[i]}), 1)`;
   }
   return colors;
 };
diff --git a/src/App.vue b/src/App.vue
index 528e832..05aecd5 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -19,7 +19,6 @@ const menuStore = useMenuStore();
 
 const hasAuth = computed(() => {
   return route.matched.every(item => {
-    console.log('i', item);
     const needAuth = item.meta.auth;
     const userAuth = userStore.auth;
     if (needAuth?.includes('*')) {
diff --git a/src/components/AnBreadcrumb/bread-page.vue b/src/components/AnBreadcrumb/bread-page.vue
index 8192f56..dd06f38 100644
--- a/src/components/AnBreadcrumb/bread-page.vue
+++ b/src/components/AnBreadcrumb/bread-page.vue
@@ -7,7 +7,7 @@
           <a-link>需要帮助？</a-link>
           <a-button size="mini" @click="router.push({ path: route.path, query: { s: Math.random() }, force: true })">
             <template #icon>
-              <i class="icon-park-outline-refresh"></i>
+              <i class="icon-park-outline-redo"></i>
             </template>
           </a-button>
         </div>
diff --git a/src/pages/_layout/index.vue b/src/pages/_layout/index.vue
index 1cdae07..fbe795e 100644
--- a/src/pages/_layout/index.vue
+++ b/src/pages/_layout/index.vue
@@ -57,10 +57,14 @@
           <Menu />
         </a-scrollbar>
         <template #trigger="{ collapsed }">
-          <i
-            :class="collapsed ? `icon-park-outline-expand-left` : 'icon-park-outline-expand-right'"
-            class="text-gray-400 text-base hover:text-gray-700"
-          ></i>
+          <div class="w-full h-full py-1 px-1" @click.stop>
+            <span
+              class="inline-block w-10 h-full rounded flex items-center justify-center hover:bg-gray-100 text-base text-gray-400"
+              @click="() => (isCollapsed = !isCollapsed)"
+            >
+              <i :class="collapsed ? `icon-park-outline-expand-left` : 'icon-park-outline-expand-right'"></i>
+            </span>
+          </div>
         </template>
       </a-layout-sider>
       <a-layout class="layout-content flex-1">
diff --git a/src/pages/system/user/index.vue b/src/pages/system/user/index.vue
index 473e990..f47762d 100644
--- a/src/pages/system/user/index.vue
+++ b/src/pages/system/user/index.vue
@@ -32,7 +32,7 @@ const { component: PasswordModal, open } = useFormModal({
 
 const usernameRender: TableColumnRender = ({ record }) => (
   <div class="flex items-center gap-4 w-full overflow-hidden">
-    <a-avatar size={32}>
+    <a-avatar size={32} class="bg-brand-500!">
       {record.avatar?.startsWith('/') ? <img src={record.avatar} alt="" /> : record.nickname?.[0]}
     </a-avatar>
     <div class="w-full flex-1 overflow-hidden">