From 599cd5dd2ccc10510df914f913a38cd4fef44aac Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=98chen=2Ehome=E2=80=99?= <1147347984@qq.com>
Date: Sat, 13 Aug 2022 16:37:47 +0800
Subject: [PATCH] =?UTF-8?q?perf(components):=20=E5=A2=9E=E5=8A=A0=E7=99=BB?=
 =?UTF-8?q?=E5=BD=95=E6=8C=89=E9=92=AE=E8=BD=BD=E5=85=A5=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 build/plugins/unplugin.ts                      |  3 ++-
 src/layouts/components/common/HeaderButton.vue |  5 ++++-
 src/layouts/components/header/UserCenter.vue   |  2 +-
 src/types/global.d.ts                          |  4 ----
 src/types/route.d.ts                           |  5 +++++
 src/views/login/index.vue                      | 12 ++++++++++--
 6 files changed, 22 insertions(+), 9 deletions(-)

diff --git a/build/plugins/unplugin.ts b/build/plugins/unplugin.ts
index f2f49df..12ff80f 100644
--- a/build/plugins/unplugin.ts
+++ b/build/plugins/unplugin.ts
@@ -1,6 +1,6 @@
 import Components from 'unplugin-vue-components/vite';
 import { NaiveUiResolver } from 'unplugin-vue-components/resolvers';
-import Icons from 'unplugin-icons/vite';
+import Icons from 'unplugin-icons/vite'; // https://github.com/antfu/unplugin-icons
 import IconsResolver from 'unplugin-icons/resolver';
 import { createSvgIconsPlugin } from 'vite-plugin-svg-icons'; // https://github.com/vbenjs/vite-plugin-svg-icons/blob/main/README.zh_CN.md
 import path from 'path';
@@ -12,6 +12,7 @@ export default [
   }),
   Icons({
     /* options */
+    defaultStyle: 'display:inline-block',
     compiler: 'vue3',
   }),
   createSvgIconsPlugin({
diff --git a/src/layouts/components/common/HeaderButton.vue b/src/layouts/components/common/HeaderButton.vue
index 6d00ca4..b9aa89b 100644
--- a/src/layouts/components/common/HeaderButton.vue
+++ b/src/layouts/components/common/HeaderButton.vue
@@ -1,5 +1,8 @@
 <template>
-  <n-space align="center" class="hover:bg-hex-F3F4F6 hover:shadow-inner h-full px-3 cursor-pointer">
+  <n-space
+    align="center"
+    class="hover:bg-hex-F3F4F6 hover:shadow-inner h-full px-3 cursor-pointer transition duration-300"
+  >
     <slot />
   </n-space>
 </template>
diff --git a/src/layouts/components/header/UserCenter.vue b/src/layouts/components/header/UserCenter.vue
index 5d04153..fb51627 100644
--- a/src/layouts/components/header/UserCenter.vue
+++ b/src/layouts/components/header/UserCenter.vue
@@ -1,7 +1,7 @@
 <template>
   <n-dropdown trigger="click" :options="options" @select="handleSelect">
     <HeaderButton>
-      <n-avatar round size="large" src="https://z3.ax1x.com/2021/10/29/5jnWgf.jpg" />
+      <n-avatar round size="large" :src="authStore.userInfo?.avatar" />
       {{ authStore.userInfo?.realName }}
     </HeaderButton>
   </n-dropdown>
diff --git a/src/types/global.d.ts b/src/types/global.d.ts
index 734c4c9..9b24e4f 100644
--- a/src/types/global.d.ts
+++ b/src/types/global.d.ts
@@ -1,7 +1,3 @@
-import 'vue-router';
-declare module 'vue-router' {
-  interface RouteMeta extends AppRoute.RouteMeta {}
-}
 interface Window {
   $loadingBar?: import('naive-ui').LoadingBarApiInjection;
   $dialog?: import('naive-ui').DialogApiInjection;
diff --git a/src/types/route.d.ts b/src/types/route.d.ts
index 185ffed..8b446cd 100644
--- a/src/types/route.d.ts
+++ b/src/types/route.d.ts
@@ -1,3 +1,8 @@
+import 'vue-router';
+declare module 'vue-router' {
+  interface RouteMeta extends AppRoute.RouteMeta {}
+}
+
 declare namespace AppRoute {
   /** 单个路由的类型结构(动态路由模式：后端返回此类型结构的路由) */
   interface Route {
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 52933d3..732cdba 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -6,7 +6,8 @@
     <div flex-1 flex-center>
       <div w-full h-xl px-6xl>
         <n-h1 c-blue>
-          <e-icon icon="icon-park-outline:plastic-surgery" :size="28" />
+          <!-- <e-icon icon="icon-park-outline:plastic-surgery" :size="28" /> -->
+          <i-icon-park-outline-plastic-surgery />
           Ench Admin
         </n-h1>
         <n-p depth="3">高效、简约、可能对你有点帮助</n-p>
@@ -52,7 +53,14 @@
               <n-checkbox>记住我</n-checkbox>
               <n-button :text="true">忘记密码？</n-button>
             </div>
-            <n-button w-full type="primary" round size="large" @click="handleLogin">登录</n-button>
+            <n-button w-full type="primary" round size="large" :loading="authStore.loginLoading" @click="handleLogin">
+              <template #icon>
+                <n-icon>
+                  <i-icon-park-outline-six-points />
+                </n-icon>
+              </template>
+              登录
+            </n-button>
           </n-space>
         </n-form>
         <n-divider><span op-50>其他登录</span></n-divider>