From a1002f8518838d2baa757ce26f229c0c989ceb93 Mon Sep 17 00:00:00 2001
From: luoer <luoer@szbeihai.com>
Date: Fri, 22 Sep 2023 16:31:02 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=88=87=E6=8D=A2=E4=B8=BB=E9=A2=98?=
 =?UTF-8?q?=E9=85=8D=E8=89=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env                        |  2 +-
 scripts/vite/color.ts       | 10 ++++++++++
 src/pages/_layout/index.vue |  2 +-
 src/pages/_login/index.vue  |  2 +-
 src/styles/css-arco.less    |  9 +++++++--
 vite.config.ts              | 16 +++-------------
 6 files changed, 23 insertions(+), 18 deletions(-)
 create mode 100644 scripts/vite/color.ts

diff --git a/.env b/.env
index f84a78f..60dfc9a 100644
--- a/.env
+++ b/.env
@@ -6,7 +6,7 @@ VITE_TITLE = 绝弹管理后台
 # 网站副标题
 VITE_SUBTITLE = 快速开发web应用的模板工具
 # 接口前缀 说明：参见 axios 的 baseURL
-VITE_API = http://127.0.0.1:3030/
+VITE_API = http://demo.dev.juetan.cn/
 
 # =====================================================================================
 # 开发设置
diff --git a/scripts/vite/color.ts b/scripts/vite/color.ts
new file mode 100644
index 0000000..a33a1e7
--- /dev/null
+++ b/scripts/vite/color.ts
@@ -0,0 +1,10 @@
+const unoLevels = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900];
+const arcoLevels = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
+
+export const arcoToUnoColor = (arcoColorName: string) => {
+  const colors = {};
+  for (let i = 0; i < 10; i++) {
+    colors[unoLevels[i]] = `rgb(var(--${arcoColorName}-${arcoLevels[i]}))`;
+  }
+  return colors;
+};
diff --git a/src/pages/_layout/index.vue b/src/pages/_layout/index.vue
index fc52276..ad8407d 100644
--- a/src/pages/_layout/index.vue
+++ b/src/pages/_layout/index.vue
@@ -12,7 +12,7 @@
               v-if="isDev"
               class="absolute -right-14 -top-1 text-xs font-normal text-brand-500 bg-brand-50 px-1.5 rounded-full"
             >
-              开发版
+              本地版
             </span>
           </h1>
         </router-link>
diff --git a/src/pages/_login/index.vue b/src/pages/_login/index.vue
index c91f7ff..bbd7614 100644
--- a/src/pages/_login/index.vue
+++ b/src/pages/_login/index.vue
@@ -15,7 +15,7 @@
       <div
         class="login-box w-[960px] h-[560px] relative mx-4 grid md:grid-cols-2 rounded overflow-hidden border border-blue-100"
       >
-        <div class="relative hidden md:block w-full h-full overflow-hidden bg-[#09f] px-4">
+        <div class="relative hidden md:block w-full h-full overflow-hidden bg-[rgb(var(--primary-6))] px-4">
           <img src="@/assets/td.svg" :alt="appStore.title" class="w-full h-full select-none" />
         </div>
         <div class="relative p-20 px-8 md:px-14 bg-white shadow-sm">
diff --git a/src/styles/css-arco.less b/src/styles/css-arco.less
index c078b55..306a5e6 100644
--- a/src/styles/css-arco.less
+++ b/src/styles/css-arco.less
@@ -2,7 +2,7 @@
 
 // @blue-6: #09f;
 
-// @arcoblue-6:#2288f1;
+@arcoblue-6:#3b9;
 
 body {
   .arco-layout-sider {
@@ -23,13 +23,18 @@ body {
   .arco-menu-vertical .arco-menu-inline-header {
     margin-bottom: 1px;
   }
+
   .arco-menu {
     .arco-menu-item {
       &:hover {
         background-color: var(--color-neutral-2);
       }
       &.arco-menu-selected {
-        background-color: @arcoblue-1;
+        color: #fff;
+        background-color: @arcoblue-6;
+        .arco-menu-icon {
+          color: inherit;
+        }
       }
     }
     .arco-menu-inner {
diff --git a/vite.config.ts b/vite.config.ts
index 1f47b79..3c11007 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -9,6 +9,7 @@ import AutoComponent from "unplugin-vue-components/vite";
 import { defineConfig, loadEnv } from "vite";
 import Page from "vite-plugin-pages";
 import plugin from "./scripts/vite/plugin";
+import { arcoToUnoColor } from "./scripts/vite/color";
 
 /**
  * vite 配置
@@ -91,19 +92,8 @@ export default defineConfig(({ mode }) => {
       Unocss({
         theme: {
           colors: {
-            brand: {
-              50: 'rgb(var(--primary-1))',
-              100: 'rgb(var(--primary-2))',
-              200: 'rgb(var(--primary-3))',
-              300: 'rgb(var(--primary-4))',
-              400: 'rgb(var(--primary-5))',
-              500: 'rgb(var(--primary-6))',
-              600: 'rgb(var(--primary-7))',
-              700: 'rgb(var(--primary-8))',
-              800: 'rgb(var(--primary-9))',
-              900: 'rgb(var(--primary-10))',
-            }
-          }
+            brand: arcoToUnoColor("primary"),
+          },
         },
         include: ["src/**/*.{vue,ts,tsx,css,scss,sass,less,styl}"],
         presets: [presetUno(), presetIcons({ prefix: "" })],