v3.1.0 1、【新增】9种登录背景图和样式; 2、【新增】全局字体大小切换; 3、【新增】主题颜色切换; 4、【新增】移除cookie保存token，改为使用localStorage; 5、【优化】升级 ant design vue 到最新版本;

smart-admin-web/javascript-ant-design-vue3/src/views/system/login/login.vue

@@ -86,38 +86,37 @@
           <p class="line"></p>
         </div>
         <div class="login-type">
-          <img :src="aliLogin" />
-          <img :src="qqLogin" />
-          <img :src="googleLogin" />
-          <img :src="weiboLogin" />
+          <img src="/@/assets/images/login/wechat-icon.png" />
+          <img src="/@/assets/images/login/ali-icon.png" />
+          <img src="/@/assets/images/login/douyin-icon.png" />
+          <img src="/@/assets/images/login/qq-icon.png" />
+          <img src="/@/assets/images/login/weibo-icon.png" />
+          <img src="/@/assets/images/login/feishu-icon.png" />
+          <img src="/@/assets/images/login/google-icon.png" />
         </div>
       </div>
     </div>
   </div>
 </template>
 <script setup>
-  import { message } from 'ant-design-vue';
+  import { message, notification, Button } from 'ant-design-vue';
   import { onMounted, onUnmounted, reactive, ref } from 'vue';
   import { useRouter } from 'vue-router';
   import { loginApi } from '/@/api/system/login-api';
   import { SmartLoading } from '/@/components/framework/smart-loading';
   import { LOGIN_DEVICE_ENUM } from '/@/constants/system/login-device-const';
   import { useUserStore } from '/@/store/modules/system/user';
-  import { saveTokenToCookie } from '/@/utils/cookie-util';
-
   import gongzhonghao from '/@/assets/images/1024lab/1024lab-gzh.jpg';
   import zhuoda from '/@/assets/images/1024lab/zhuoda-wechat.jpg';
   import loginQR from '/@/assets/images/login/login-qr.png';
   import gzh from '/@/assets/images/1024lab/gzh.jpg';
 
-  import aliLogin from '/@/assets/images/login/ali-icon.png';
-  import googleLogin from '/@/assets/images/login/google-icon.png';
-  import qqLogin from '/@/assets/images/login/qq-icon.png';
-  import weiboLogin from '/@/assets/images/login/weibo-icon.png';
-
   import { buildRoutes } from '/@/router/index';
   import { smartSentry } from '/@/lib/smart-sentry';
   import { encryptData } from '/@/lib/encrypt';
+  import { h } from 'vue';
+  import { localSave } from '/@/utils/local-util.js';
+  import LocalStorageKeyConst from '/@/constants/local-storage-key-const.js';
 
   //--------------------- 登录表单 ---------------------------------
 
@@ -145,6 +144,25 @@
         onLogin();
       }
     };
+
+    notification['success']({
+      message: '温馨提示',
+      description: 'SmartAdmin 提供 9种 登录背景风格哦！',
+      duration: null,
+      onClick: () => {},
+      btn: () =>
+        h(
+          Button,
+          {
+            type: 'primary',
+            target: '_blank',
+            size: 'small',
+            href: 'https://smartadmin.vip/views/v3/front/Login.html',
+            onClick: () => {},
+          },
+          { default: () => '去看看' }
+        ),
+    });
   });
 
   onUnmounted(() => {
@@ -162,7 +180,7 @@
         });
         const res = await loginApi.login(encryptPasswordForm);
         stopRefrestCaptchaInterval();
-        saveTokenToCookie(res.data.token ? res.data.token : '');
+        localSave(LocalStorageKeyConst.USER_TOKEN, res.data.token ? res.data.token : '');
         message.success('登录成功');
         //更新用户信息到pinia
         useUserStore().setUserLoginInfo(res.data);