feat:登录相关

package.json

@@ -9,6 +9,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@auth0/auth0-vue": "^2.4.0",
     "axios": "^1.7.2",
     "ftp-deploy": "^2.4.7",
     "js-cookie": "^3.0.5",

pnpm-lock.yaml

@@ -8,6 +8,9 @@ importers:
 
   .:
     dependencies:
+      '@auth0/auth0-vue':
+        specifier: ^2.4.0
+        version: 2.4.0(typescript@5.8.3)(vue-router@4.5.1(vue@3.5.17(typescript@5.8.3)))
       axios:
         specifier: ^1.7.2
         version: 1.10.0
@@ -79,6 +82,17 @@ packages:
   '@antfu/utils@0.7.10':
     resolution: {integrity: sha512-+562v9k4aI80m1+VuMHehNJWLOFjBnXn3tdOitzD0il5b7smkSBal4+a3oKiQTbrwMmN/TBUMDvbdoWDehgOww==}
 
+  '@auth0/auth0-spa-js@2.2.0':
+    resolution: {integrity: sha512-YaHHCxiSQxDb+Ju9gXOqcqgXWq8EkUSpZC4g24D3MoEBUaADKwOosrAnmjDZcslBZpnSFFdrl4dLYedAer3xlQ==}
+
+  '@auth0/auth0-vue@2.4.0':
+    resolution: {integrity: sha512-12iLvojP8Pvxqu2Abxzksp0HqlSovGiAUhWrppnOaJP02MZEBQo+c/IwM6VbM0edNk+eqqjX5u96iw5peaCPSg==}
+    peerDependencies:
+      vue-router: ^4.0.12
+    peerDependenciesMeta:
+      vue-router:
+        optional: true
+
   '@babel/code-frame@7.27.1':
     resolution: {integrity: sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==}
     engines: {node: '>=6.9.0'}
@@ -1257,6 +1271,17 @@ snapshots:
 
   '@antfu/utils@0.7.10': {}
 
+  '@auth0/auth0-spa-js@2.2.0': {}
+
+  '@auth0/auth0-vue@2.4.0(typescript@5.8.3)(vue-router@4.5.1(vue@3.5.17(typescript@5.8.3)))':
+    dependencies:
+      '@auth0/auth0-spa-js': 2.2.0
+      vue: 3.5.17(typescript@5.8.3)
+    optionalDependencies:
+      vue-router: 4.5.1(vue@3.5.17(typescript@5.8.3))
+    transitivePeerDependencies:
+      - typescript
+
   '@babel/code-frame@7.27.1':
     dependencies:
       '@babel/helper-validator-identifier': 7.27.1

src/App.vue

@@ -12,12 +12,12 @@
 import { type GlobalThemeOverrides, dateZhCN, zhCN } from "naive-ui";
 const themeOverrides: GlobalThemeOverrides = {
   // 待配置主题色
-  common: {
-    primaryColor: "#9CC9E5",
-    primaryColorHover: "#c0dff1",
-    primaryColorPressed: "#74a6c3",
-    primaryColorSuppl: "#CAE5D3",
-  }
+  'common': {
+    'primaryColor': '#3D8EFF',       // 主色保持不变的蓝色
+    'primaryColorHover': '#6AA1FF',  // 比主色亮20%的浅蓝色
+    'primaryColorPressed': '#2B7AEB',// 比主色深10%的深蓝色
+    'primaryColorSuppl': '#5A95FF'   // 介于主色和hover之间的蓝色
+  },
 };
 </script>
 <style scoped lang='scss'></style>

src/main.ts

@@ -7,9 +7,10 @@ import pinia from '@/store';
 //引入路由
 import router from "@/router";
 // 引入UI组件库相关
-import naive from 'naive-ui'
+import naive from 'naive-ui';
 import 'vfonts/Lato.css'// 通用字体
 import 'vfonts/FiraCode.css'// 等宽字体
+// 登录授权相关
 
 import { createApp } from 'vue'
 import App from './App.vue';

src/views/login/index.vue

@@ -1,8 +1,11 @@
 <template>
-  <div>登录页面22222</div>
+  
 </template>
 
-<script setup lang='ts'>
+<script setup>
+
 </script>
-<style scoped lang='scss'>
+
+<style lang="scss" scoped>
+
 </style>