fix: update

package.json

@@ -40,7 +40,7 @@
     "cropperjs": "^1.5.11",
     "dayjs": "^1.10.7",
     "echarts": "^5.2.1",
-    "element-plus": "^1.2.0-beta.2",
+    "element-plus": "1.2.0-beta.3",
     "element-resize-detector": "^1.2.3",
     "font-awesome": "^4.7.0",
     "lodash-es": "^4.17.21",

pnpm-lock.yaml

@@ -31,7 +31,7 @@ specifiers:
   cross-env: 7.0.3
   dayjs: ^1.10.7
   echarts: ^5.2.1
-  element-plus: ^1.2.0-beta.2
+  element-plus: 1.2.0-beta.3
   element-resize-detector: ^1.2.3
   eslint: 7.30.0
   eslint-plugin-prettier: 3.4.0
@@ -95,7 +95,7 @@ dependencies:
   cropperjs: 1.5.12
   dayjs: 1.10.7
   echarts: 5.2.2
-  element-plus: 1.2.0-beta.2_vue@3.2.21
+  element-plus: 1.2.0-beta.3_vue@3.2.21
   element-resize-detector: 1.2.3
   font-awesome: 4.7.0
   lodash-es: 4.17.21
@@ -132,7 +132,7 @@ devDependencies:
   "@types/nprogress": 0.2.0
   "@typescript-eslint/eslint-plugin": 4.31.0_f4e6dc0776b3600ef484e3c64a523136
   "@typescript-eslint/parser": 4.31.0_eslint@7.30.0+typescript@4.4.2
-  "@vitejs/plugin-vue": 1.9.4_vite@2.6.13
+  "@vitejs/plugin-vue": 1.9.4_vite@2.6.14
   "@vitejs/plugin-vue-jsx": 1.2.0
   "@vue/compiler-sfc": 3.2.21
   "@vue/eslint-config-prettier": 6.0.0_82e4252401b0cc5be86f7c2133946f49
@@ -159,10 +159,10 @@ devDependencies:
   stylelint-config-standard: 22.0.0_stylelint@13.13.1
   stylelint-order: 4.1.0_stylelint@13.13.1
   typescript: 4.4.2
-  unplugin-element-plus: 0.1.3_vite@2.6.13+vue@3.2.21
-  vite: 2.6.13_sass@1.43.4
-  vite-plugin-mock: 2.9.6_mockjs@1.1.0+vite@2.6.13
-  vite-plugin-style-import: 1.3.0_vite@2.6.13
+  unplugin-element-plus: 0.1.3_vite@2.6.14+vue@3.2.21
+  vite: 2.6.14_sass@1.43.4
+  vite-plugin-mock: 2.9.6_mockjs@1.1.0+vite@2.6.14
+  vite-plugin-style-import: 1.3.0_vite@2.6.14
   vite-svg-loader: 2.2.0
   vue-eslint-parser: 7.10.0_eslint@7.30.0
 
@@ -1280,7 +1280,7 @@ packages:
       - supports-color
     dev: true
 
-  /@vitejs/plugin-vue/1.9.4_vite@2.6.13:
+  /@vitejs/plugin-vue/1.9.4_vite@2.6.14:
     resolution:
       {
         integrity: sha512-0CZqaCoChriPTTtGkERy1LGPcYjGFpi2uYRhBPIkqJqUGV5JnJFhQAgh6oH9j5XZHfrRaisX8W0xSpO4T7S78A==
@@ -1289,7 +1289,7 @@ packages:
     peerDependencies:
       vite: ^2.5.10
     dependencies:
-      vite: 2.6.13_sass@1.43.4
+      vite: 2.6.14_sass@1.43.4
     dev: true
 
   /@vue/babel-helper-vue-transform-on/1.0.2:
@@ -2633,10 +2633,10 @@ packages:
       }
     dev: true
 
-  /element-plus/1.2.0-beta.2_vue@3.2.21:
+  /element-plus/1.2.0-beta.3_vue@3.2.21:
     resolution:
       {
-        integrity: sha512-A5HpcpgcpoZZgVpAm1fy7sLb5zQj/tafhcJqD7avc4v3NgWDqSa58CNp5B7fpvVhXihRGWssqQjnTh2VczGGfw==
+        integrity: sha512-vvUxR3uL2k9K+WCWz/98hq4uPQ6jvfGf0hfzWvao7pySJkNQq9DtRPC6/4/zUceA/J6Y2Yo3xSbR19JRCwurRw==
       }
     peerDependencies:
       vue: ^3.2.0
@@ -6425,7 +6425,7 @@ packages:
     engines: { node: ">= 0.8" }
     dev: true
 
-  /unplugin-element-plus/0.1.3_vite@2.6.13+vue@3.2.21:
+  /unplugin-element-plus/0.1.3_vite@2.6.14+vue@3.2.21:
     resolution:
       {
         integrity: sha512-6GO1tuDIXcoYFkbL26Mrd84oUOgAHShcwn/xma5bwmBN2O0N0s13RbBDsK53vm4hxRKIVuFSSr659BkpmXWm2w==
@@ -6436,7 +6436,7 @@ packages:
       "@rollup/pluginutils": 4.1.1
       es-module-lexer: 0.9.3
       magic-string: 0.25.7
-      unplugin: 0.2.19_vite@2.6.13
+      unplugin: 0.2.19_vite@2.6.14
       vue: 3.2.21
     transitivePeerDependencies:
       - rollup
@@ -6444,7 +6444,7 @@ packages:
       - webpack
     dev: true
 
-  /unplugin/0.2.19_vite@2.6.13:
+  /unplugin/0.2.19_vite@2.6.14:
     resolution:
       {
         integrity: sha512-r5PDeBBecir99rhLFp1ftqIkp5afD91anweIlWtF5Ca46FJsn2kQczD93FdFJw79R6HSF5waeYo79bFOQ9GVhQ==
@@ -6461,7 +6461,7 @@ packages:
       webpack:
         optional: true
     dependencies:
-      vite: 2.6.13_sass@1.43.4
+      vite: 2.6.14_sass@1.43.4
       webpack-virtual-modules: 0.4.3
     dev: true
 
@@ -6561,7 +6561,7 @@ packages:
       vfile-message: 2.0.4
     dev: true
 
-  /vite-plugin-mock/2.9.6_mockjs@1.1.0+vite@2.6.13:
+  /vite-plugin-mock/2.9.6_mockjs@1.1.0+vite@2.6.14:
     resolution:
       {
         integrity: sha512-/Rm59oPppe/ncbkSrUuAxIQihlI2YcBmnbR4ST1RA2VzM1C0tEQc1KlbQvnUGhXECAGTaQN2JyasiwXP6EtKgg==
@@ -6581,13 +6581,13 @@ packages:
       fast-glob: 3.2.7
       mockjs: 1.1.0
       path-to-regexp: 6.2.0
-      vite: 2.6.13_sass@1.43.4
+      vite: 2.6.14_sass@1.43.4
     transitivePeerDependencies:
       - rollup
       - supports-color
     dev: true
 
-  /vite-plugin-style-import/1.3.0_vite@2.6.13:
+  /vite-plugin-style-import/1.3.0_vite@2.6.14:
     resolution:
       {
         integrity: sha512-R3bEQcdhPqL+5CZiMXs9RGKwbBtIHBJmh7ngND3sJjCYbkBe6DGEL6DWGBS7xTaqfH+1mXRfX8lEK0W3PjQSzA==
@@ -6600,7 +6600,7 @@ packages:
       debug: 4.3.2
       es-module-lexer: 0.9.3
       magic-string: 0.25.7
-      vite: 2.6.13_sass@1.43.4
+      vite: 2.6.14_sass@1.43.4
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -6615,10 +6615,10 @@ packages:
       svgo: 2.8.0
     dev: true
 
-  /vite/2.6.13_sass@1.43.4:
+  /vite/2.6.14_sass@1.43.4:
     resolution:
       {
-        integrity: sha512-+tGZ1OxozRirTudl4M3N3UTNJOlxdVo/qBl2IlDEy/ZpTFcskp+k5ncNjayR3bRYTCbqSOFz2JWGN1UmuDMScA==
+        integrity: sha512-2HA9xGyi+EhY2MXo0+A2dRsqsAG3eFNEVIo12olkWhOmc8LfiM+eMdrXf+Ruje9gdXgvSqjLI9freec1RUM5EA==
       }
     engines: { node: ">=12.2.0" }
     hasBin: true

src/views/login.vue

@@ -2,9 +2,10 @@
 import { ref, computed } from "vue";
 import { useRouter } from "vue-router";
 import { initRouter } from "/@/router";
-import avatar from "/@/assets/login/avatar.svg";
 import { storageSession } from "/@/utils/storage";
 import { addClass, removeClass } from "/@/utils/operate";
+import bg from "/@/assets/login/bg.png";
+import avatar from "/@/assets/login/avatar.svg";
 import illustration0 from "/@/assets/login/illustration0.svg";
 import illustration1 from "/@/assets/login/illustration1.svg";
 import illustration2 from "/@/assets/login/illustration2.svg";
@@ -69,7 +70,7 @@ function onPwdBlur() {
 </script>
 
 <template>
-  <img src="/@/assets/login/bg.png" class="wave" />
+  <img :src="bg" class="wave" />
   <div class="container">
     <div class="img">
       <component :is="currentWeek"></component>