style: 主题样式修改

src/assets/icon-png/lock-on.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" class="design-iconfont">
+  <path
+    d="M11.25,20.6249696 L18.75,20.6249696 L18.75,18.7499696 L11.25,18.7499696 L11.25,20.6249696 Z M8.4375,11.249966 L5.625,11.249966 C5.10723308,11.249966 4.6875,11.6696995 4.6875,12.187466 L4.6875,25.3124696 C4.6875,25.8302361 5.10723341,26.2499696 5.62500034,26.2499696 L24.375,26.2499696 C24.8927665,26.2499696 25.3125,25.8302361 25.3125,25.3124696 L25.3125,12.187466 C25.3125,11.6696995 24.8927665,11.249966 24.375,11.249966 L21.5625,11.249966 L21.5625,9.35782894 C21.5625,5.73346049 18.6243689,2.79533386 15,2.79533386 C11.3756315,2.79533386 8.4375,5.73346049 8.4375,9.35782894 L8.4375,11.249966 Z M19.6875,9.35782894 C19.6875,6.76899433 17.5888351,4.67032906 15,4.67032906 C12.4111658,4.67032906 10.3125,6.76899433 10.3125,9.35782894 L10.3125,11.249966 L19.6875,11.249966 L19.6875,9.35782894 Z M23.4375,13.124966 L23.4375,24.3749696 L6.5625,24.3749696 L6.5625,13.124966 L23.4375,13.124966 Z"
+    fill="#000" fill-rule="evenodd" />
+</svg>

src/assets/icon-png/menuHeader/layers (1).svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="design-iconfont">
+  <g opacity=".5" fill="#FFF" fill-rule="nonzero">
+    <path d="M12.4583333,13 C12.7574876,13 13,12.7574876 13,12.4583333 L13,0.541666671 C13,0.242512429 12.7574876,0 12.4583333,0 L0.541666671,0 C0.242512429,0 0,0.242512429 0,0.541666671 L0,12.4583333 C0,12.7574876 0.242512429,13 0.541666671,13 L12.4583333,13 Z M11.9166667,11.9166667 L1.08333333,11.9166667 L1.08333333,1.08333333 L11.9166667,1.08333333 L11.9166667,11.9166667 Z" transform="translate(1.5 1.5)"/>
+    <path d="M10.1595,7.635875 C10.0297127,7.5741153 9.8807004,7.56647178 9.74527507,7.61462753 C9.60984975,7.66278327 9.49911645,7.76278945 9.43745833,7.892625 C8.82390524,9.18469979 7.43773303,9.92375052 6.02298037,9.71308599 C4.6082277,9.50242147 3.49751607,8.39157087 3.28702853,6.97679186 C3.076541,5.56201285 3.81576514,4.17593311 5.10791667,3.56254167 C5.28276097,3.47952208 5.40003334,3.3095305 5.41555841,3.1166011 C5.43108348,2.9236717 5.34250263,2.73711506 5.18318341,2.62720525 C5.02386418,2.51729545 4.81801096,2.5007304 4.64316667,2.58375 C2.92074223,3.4018847 1.93554589,5.24981661 2.21626125,7.13589434 C2.49697661,9.02197207 3.97762534,10.5028986 5.86365036,10.7839679 C7.74967539,11.0650372 9.59779212,10.0801876 10.41625,8.35791667 C10.5444983,8.08777588 10.4295702,7.7648135 10.1595,7.63641667 L10.1595,7.635875 Z" transform="translate(1.5 1.5)"/>
+    <path d="M10.674625,6.88295833 C10.7762142,6.78139977 10.8333334,6.64364719 10.8333334,6.5 C10.833477,5.3506845 10.3769769,4.24840073 9.56428806,3.43571194 C8.75159927,2.62302315 7.6493155,2.16652298 6.5,2.16666664 C6.20084576,2.16666664 5.95833333,2.40917909 5.95833333,2.70833333 L5.95833333,6.5 C5.95833333,6.79915424 6.20084576,7.04166667 6.5,7.04166667 L10.2916667,7.04166667 C10.4353139,7.04166667 10.5730664,6.98454758 10.674625,6.88295833 Z M9.70504167,5.95833333 L7.04166667,5.95833333 L7.04166667,3.2955 C8.40548082,3.52604285 9.47395715,4.59451918 9.7045,5.95833333 L9.70504167,5.95833333 Z" transform="translate(1.5 1.5)"/>
+  </g>
+</svg>

src/assets/icon-png/menuHeader/layers (2).svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="design-iconfont">
+  <path d="M9.26598063,6.34730851 L5.58467911,10.1684598 L3.73098327,8.13009892 C3.55958123,7.9415988 3.26782442,7.92771115 3.07930977,8.09918583 C2.89082419,8.27060239 2.87698012,8.56234467 3.04839669,8.75083026 L5.13941732,11.0501801 C5.23047147,11.1502845 5.35540219,11.2011284 5.48084135,11.2011284 C5.52013642,11.2011284 5.55947507,11.196015 5.59782589,11.1859914 C5.62554975,11.1911199 5.65368391,11.1937067 5.68187812,11.1937197 C5.80281396,11.1937197 5.92360453,11.1464349 6.01415025,11.0524754 L9.93040867,6.98741865 C10.1071856,6.80395934 10.1017381,6.511912 9.91824972,6.33514956 C9.73476136,6.15838712 9.44271401,6.16382015 9.26598063,6.34730851 L9.26598063,6.34730851 Z M12.0427111,1.86334166 L10.2013485,1.86334166 L10.2013485,0.46131394 C10.2013485,0.206542436 9.9948061,0 9.7400346,0 C9.48526309,0 9.27872066,0.206527909 9.27872066,0.46131394 L9.27872066,1.86335619 L3.69122334,1.86335619 L3.69122334,0.468562827 C3.69122334,0.213791323 3.48469543,0.00724888702 3.2299094,0.00724888702 C2.97513789,0.00724888702 2.76859546,0.213776796 2.76859546,0.468562827 L2.76859546,1.86334166 L0.96132735,1.86334166 C0.431243407,1.86334166 0,2.29531141 0,2.82628149 L0,12.0370602 C0,12.5680157 0.431243407,13 0.96132735,13 L12.0427111,13 C12.5728096,13 13.004082,12.5680157 13.004082,12.0370602 L13.004082,2.82628149 C13.004082,2.29532594 12.5728096,1.86334166 12.0427111,1.86334166 Z M0.96132735,2.78445875 L12.0427111,2.78445875 C12.0649081,2.78445875 12.0829359,2.80324194 12.0829359,2.82628149 L12.0829359,4.64560686 L0.921131618,4.64560686 L0.921131618,2.82628149 C0.921131618,2.80324194 0.939159411,2.78445875 0.96132735,2.78445875 Z M12.0427111,12.0788684 L0.96132735,12.0788684 C0.939144884,12.0788684 0.921117091,12.0601142 0.921117091,12.0370602 L0.921117091,5.56823474 L12.0829359,5.56823474 L12.0829359,12.0370747 C12.0829359,12.0601288 12.0649081,12.0788684 12.0427111,12.0788684 Z" transform="translate(1.5 1.5)" opacity=".5" fill="#FFF" fill-rule="nonzero"/>
+</svg>

src/assets/icon-png/menuHeader/layers.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="design-iconfont">
+  <path d="M7.99975586,7.5084095 L1.92640564,4.97791052 C1.5159767,4.80690241 1.51597583,4.20040798 1.92640558,4.02939963 L7.99975586,1.49890137 L14.0731058,4.02939963 C14.4835348,4.20040751 14.4835358,4.80690193 14.0731068,4.97791028 L7.99975586,7.5084095 Z M7.99975586,2.59850323 L12.572237,4.50365543 L7.99975538,6.40880775 L3.42727458,4.50365567 L7.99975586,2.59850323 Z M1.49902344,8.25379086 L8.00001335,11.1119394 L14.4990234,8.25466061 L14.4990234,7.02751637 L8.00001335,9.88479519 L1.49902344,7.02664614 L1.49902344,8.25379086 Z M1.49902344,11.6465769 L8.00010777,14.5047674 L14.4990234,11.6475306 L14.4990234,10.4203844 L8.00010777,13.2776222 L1.49902344,10.4194317 L1.49902344,11.6465769 Z" fill="#FFF" opacity=".5" fill-rule="evenodd"/>
+</svg>

src/assets/icon-png/menuList/server (1).svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" class="design-iconfont">
+  <path d="M5,6.5625 L5,5.3125 L8.75,5.3125 L8.75,6.5625 L5,6.5625 Z M2.50030518,2.5 L17.5003052,2.5 C17.8454173,2.5 18.1252122,2.77971875 18.1253052,3.1248305 L18.1264925,8.74985218 C18.1266618,9.09509659 17.8467369,9.37502205 17.5014925,9.37502205 L2.50149243,9.37502205 C2.15638068,9.37502205 1.87658564,9.09530342 1.87649202,8.75019133 L1.87530518,3.1251698 C1.87530518,2.77992561 2.15506099,2.5 2.50030518,2.5 Z M3.12547475,3.75 L16.8754745,3.75 L16.8763232,8.12502205 L3.12632248,8.12502205 L3.12547475,3.75 Z M8.7501353,14.6875 L8.7501353,13.4375 L5.0001356,13.4375 L5.0001356,14.6875 L8.7501353,14.6875 Z M2.50166148,10.6250173 L17.5016618,10.6250173 C17.8468394,10.6250173 18.1266618,10.9048396 18.1266618,11.2500173 L18.1266618,16.875 C18.1266618,17.2201777 17.8468394,17.5 17.5016618,17.5 L2.50166193,17.5 C2.15648398,17.5 1.87666151,17.2201777 1.87666151,16.875 L1.87666151,11.2500173 C1.87666151,10.904839 2.15648357,10.6250173 2.50166148,10.6250173 Z M3.12666148,11.8750173 L16.8766618,11.8750173 L16.8766618,16.25 L3.12666148,16.25 L3.12666148,11.8750173 Z" fill-opacity=".9" fill="#000" fill-rule="evenodd"/>
+</svg>

src/assets/icon-png/menuList/server (3).svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" class="design-iconfont">
+  <g fill="#000" fill-opacity=".9" fill-rule="nonzero">
+    <path d="M13.7936047,16.25 L2.45639535,16.25 C1.10019751,16.248958 0.00104202723,15.1498025 0,13.7936047 L0,2.45639535 C0,1.10159884 1.10159884,0 2.45639535,0 L13.7936047,0 C15.1484012,0 16.25,1.10159884 16.25,2.45639535 L16.25,13.7936047 C16.25,15.1484012 15.1474564,16.25 13.7936047,16.25 Z M2.45639535,1.13372093 C1.72703488,1.13372093 1.13372093,1.72703488 1.13372093,2.45639535 L1.13372093,13.7936047 C1.13372093,14.5229651 1.72703488,15.1162791 2.45639535,15.1162791 L13.7936047,15.1162791 C14.5229651,15.1162791 15.1162791,14.5229651 15.1162791,13.7936047 L15.1162791,2.45639535 C15.1162791,1.72703488 14.5229651,1.13372093 13.7936047,1.13372093 L2.45639535,1.13372093 Z" transform="translate(1.875 1.875)"/>
+    <path d="M4.43946221,7.25675913 C4.28910978,7.25693934 4.14490821,7.19708208 4.03888081,7.09047965 L2.52630814,5.57790698 C2.31818807,5.35455658 2.32432905,5.00650428 2.54019864,4.79063469 C2.75606823,4.57476509 3.10412053,4.56862412 3.32747093,4.77674419 L4.43851744,5.8877907 L7.06213663,3.26417151 C7.28638496,3.06010903 7.63139498,3.06823451 7.84578808,3.28262761 C8.06018119,3.49702072 8.06830667,3.84203074 7.86424419,4.06627907 L4.8400436,7.09047965 C4.73389756,7.19690504 4.58977304,7.25675913 4.43946221,7.25675913 L4.43946221,7.25675913 Z M5.14331395,12.943314 C3.74454576,12.941752 2.61100967,11.8082159 2.60944767,10.4094477 C2.61100858,9.01052599 3.74439295,7.87671904 5.14331395,7.87463663 C6.54208215,7.87619863 7.67561823,9.00973471 7.67718023,10.4085029 C7.67561932,11.8074246 6.54223496,12.9412315 5.14331395,12.943314 L5.14331395,12.943314 Z M5.14331395,9.00835756 C4.37143895,9.00835756 3.7431686,9.63662791 3.7431686,10.4085029 C3.7431686,11.1803779 4.37143895,11.8086483 5.14331395,11.8086483 C5.91518895,11.8086483 6.5434593,11.1803779 6.5434593,10.4085029 C6.5434593,9.63662791 5.91613372,9.00835756 5.14331395,9.00835756 Z M13.1322674,5.7630814 L9.16424419,5.7630814 C8.8511758,5.7630814 8.59738372,5.50928932 8.59738372,5.19622093 C8.59738372,4.88315254 8.8511758,4.62936047 9.16424419,4.62936047 L13.1322674,4.62936047 C13.4453358,4.62936047 13.6991279,4.88315254 13.6991279,5.19622093 C13.6991279,5.50928932 13.4453358,5.7630814 13.1322674,5.7630814 L13.1322674,5.7630814 Z M13.1322674,10.9593023 L9.16424419,10.9593023 C8.8511758,10.9593023 8.59738372,10.7055103 8.59738372,10.3924419 C8.59738372,10.0793735 8.8511758,9.8255814 9.16424419,9.8255814 L13.1322674,9.8255814 C13.4453358,9.8255814 13.6991279,10.0793735 13.6991279,10.3924419 C13.6991279,10.7055103 13.4453358,10.9593023 13.1322674,10.9593023 L13.1322674,10.9593023 Z" transform="translate(1.875 1.875)"/>
+  </g>
+</svg>

src/assets/icon-png/menuList/server (4).svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" class="design-iconfont">
+  <g stroke="#191919" fill="none" fill-rule="evenodd">
+    <path d="M4.51517327,15.2683166 L1,15.2683166 C0.44771525,15.2683166 6.04600958e-16,14.8206014 0,14.2683166 L0,1 C-1.78657678e-16,0.44771525 0.44771525,-9.5692398e-18 1,0 L12.75,0 C13.3022847,-1.01453063e-16 13.75,0.44771525 13.75,1 L13.75,5.5044615 L13.75,5.5044615" stroke-linecap="round" transform="translate(2.625 2.365831)"/>
+    <path stroke-linecap="round" d="M4.03117373 4.50916858L10.7779122 4.50916858" transform="translate(2.625 2.365831)"/>
+    <path stroke-linecap="round" d="M4.03117373 7.75916858L7.7546564 7.75916858" transform="translate(2.625 2.365831)"/>
+    <path stroke-linecap="round" d="M4.03117373 11.0091686L6.63180284 11.0091686" transform="translate(2.625 2.365831)"/>
+    <path stroke-linecap="square" d="M10.9061737 7.634168580000001A1.875 1.875 0 1 0 10.9061737 11.38416858A1.875 1.875 0 1 0 10.9061737 7.634168580000001Z" transform="translate(2.625 2.365831)"/>
+    <path d="M7.5,15.2683166 C7.76338971,12.6788846 9.0413126,11.3841686 11.3337687,11.3841686 C13.6262248,11.3841686 14.9041476,12.6788846 15.1675374,15.2683166 L7.5,15.2683166 Z" stroke-linecap="round" stroke-linejoin="round" transform="translate(2.625 2.365831)"/>
+  </g>
+</svg>

src/assets/icon-png/user.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" class="design-iconfont">
+  <path
+    d="M15.0000105,15.9375 C11.3756416,15.9375 8.43751004,12.9993689 8.43751004,9.37499955 C8.43751004,5.75063065 11.3756416,2.8125 15.0000105,2.8125 C18.6243794,2.8125 21.5625105,5.75063065 21.5625105,9.37499955 C21.5625105,12.9993689 18.6243794,15.9375 15.0000105,15.9375 Z M15.0000105,14.0625 C12.4111745,14.0625 10.3125105,11.9638342 10.3125105,9.37499955 C10.3125105,6.78616449 12.4111745,4.68749911 15.0000105,4.68749911 C17.5888447,4.68749911 19.6875105,6.78616449 19.6875105,9.37499955 C19.6875105,11.9638351 17.5888447,14.0625 15.0000105,14.0625 Z M27.1875105,21.9836783 L27.1875105,26.25 C27.1875105,26.7677665 26.767777,27.1875 26.2500105,27.1875 L3.75001295,27.1875 C3.23224597,27.1875 2.81251049,26.7677665 2.81251049,26.25 L2.81251049,21.9836783 C2.81251049,21.2899804 3.19316535,20.6479239 3.81913091,20.3489524 C7.21764127,18.7257671 10.9997148,17.8125 15.0000114,17.8125 C19.0003071,17.8125 22.7823809,18.7257671 26.1808918,20.3489524 C26.8068568,20.6479239 27.1875105,21.2899804 27.1875105,21.9836783 Z M25.3125105,22.0121831 L25.3125105,25.3125 L4.68751228,25.3125 L4.68751228,22.0121831 C7.8269074,20.5232388 11.3126428,19.6875 15.0000114,19.6875 C18.6873791,19.6875 22.1731154,20.5232388 25.3125105,22.0121831 Z"
+    fill-opacity=".4" fill="#000" transform="translate(-.00001)" fill-rule="evenodd" />
+</svg>

src/layout/components/sidebar/logo.vue

@@ -31,7 +31,7 @@ const { title, getLogo } = useNav();
         :to="getTopMenu()?.path ?? '/'"
       >
         <!-- <img :src="getLogo()" alt="logo" /> -->
-        <img :src="logoImg" alt="logo" class="imgbg" />
+        <img :src="logoImg2x" alt="logo" class="imgbg" />
         <!-- <img :src:"logoImg" alt="logo"/> -->
         <!-- <span class="sidebar-title">医院运营管理系统</span> -->
       </router-link>

src/layout/components/sidebar/mixNav.vue

@@ -92,6 +92,7 @@ const changePassword = () => {
             v-if="toRaw(route.meta.icon)"
             :class="['sub-menu-icon', route.meta.icon]"
           >
+            {{ console.log("route.meta.icon", route.meta.icon) }}
             <component
               :is="useRenderIcon(route.meta && toRaw(route.meta.icon))"
             />

src/router/modules/background.ts

@@ -1,3 +1,5 @@
+import server5 from "@/assets/icon-png/menuList/server (5).svg";
+
 export default {
   path: "/background",
   meta: {
@@ -11,7 +13,7 @@ export default {
       name: "backgroundIndex",
       meta: {
         title: "组织架构",
-        icon: "ri:mind-map"
+        icon: server5
       },
       children: [
         {

src/router/modules/draw.ts

@@ -1,3 +1,5 @@
+import server from "@/assets/icon-png/menuList/server (2).svg";
+
 // 最简代码，也就是这些字段必须有
 export default {
   path: "/draw",
@@ -12,7 +14,7 @@ export default {
       name: "drawIndex",
       meta: {
         title: "专题画像",
-        icon: "ri:ubuntu-fill"
+        icon: server
         // showParent: true
       },
       children: [

src/router/modules/evaluate.ts

@@ -1,4 +1,7 @@
 // evaluateIndex;
+import server3 from "@/assets/icon-png/menuList/server (3).svg";
+import server4 from "@/assets/icon-png/menuList/server (4).svg";
+
 // 最简代码，也就是这些字段必须有
 export default {
   path: "/evaluate",
@@ -14,7 +17,7 @@ export default {
       name: "evaluateChange",
       meta: {
         title: "考核管理",
-        icon: "ri:window-line"
+        icon: server3
       },
       children: [
         {
@@ -73,7 +76,7 @@ export default {
       name: "evaluateExam",
       meta: {
         title: "我的考核",
-        icon: "ri:bank-card-line"
+        icon: server4
       },
       children: [
         {

src/router/modules/index.ts

@@ -1,9 +1,11 @@
 // 最简代码，也就是这些字段必须有
+import menuHeader from "@/assets/icon-png/menuHeader/layers.svg";
+import server from "@/assets/icon-png/menuList/server (1).svg";
 export default {
   path: "/IndexDefine",
   meta: {
     title: "指标库",
-    icon: "ri:list-check",
+    icon: menuHeader,
     rank: 1
   },
   component: () => import("@/views/indexDefine/children/define.vue"),
@@ -14,7 +16,7 @@ export default {
       // component: () => import("@/views/fighting/index.vue"),
       meta: {
         title: "指标管理",
-        icon: "ri:terminal-window-line"
+        icon: server
       },
       children: [
         {

src/router/modules/password.ts

@@ -1,4 +1,5 @@
 // 最简代码，也就是这些字段必须有
+import server from "@/assets/icon-png/menuList/server.svg";
 export default {
   path: "/password",
   meta: {
@@ -11,7 +12,8 @@ export default {
     {
       path: "/password-Change",
       meta: {
-        title: "修改密码"
+        title: "修改密码",
+        icon: server
       },
       children: [
         {

src/style/login.css

@@ -1,13 +1,15 @@
 .wave {
   position: fixed;
   height: 100%;
-  width: 60%;
+  width: 66%;
+  /* width: 1280px; */
   left: 0;
   bottom: 0;
   z-index: -1;
 }
 .wave-logo {
-  height: 40px;
+  width: 500px;
+  height: 51px;
   position: absolute;
   top: 5%;
   left: 5%;
@@ -35,13 +37,13 @@
 .login-box {
   display: flex;
   align-items: center;
-  text-align: center;
   overflow: hidden;
-  margin-left: 25%;
+  margin: auto;
 }
 
 .login-form {
-  width: 360px;
+  width: 420px;
+  margin-left: 15%;
 }
 
 .avatar {
@@ -52,17 +54,13 @@
 .login-form h2 {
   text-transform: uppercase;
   margin: 15px 0;
-  /* color: #999; */
-  font:
-    bold 200% Consolas,
-    Monaco,
-    monospace;
+  font-family: PingFangSC-Medium;
+  font-weight: 500;
+  font-size: 28px;
+  color: #000000e6;
+  letter-spacing: 1px;
 }
 .logo-box-form {
-  /* position: absolute;
-  top: 50%;
-  left: 60%;
-  transform: translate(-50%, -50%); */
 }
 @media screen and (max-width: 1180px) {
   .login-container {

src/views/login/index.vue

@@ -10,6 +10,8 @@ import { useUserStoreHook } from "@/store/modules/user";
 import { initRouter, getTopMenu } from "@/router/utils";
 import { bg, avatar, illustration } from "./utils/static";
 import { useRenderIcon } from "@/components/ReIcon/src/hooks";
+import lockOn from "../../assets/icon-png/lock-on.svg";
+import userPng from "@/assets/icon-png/user.svg";
 import {
   ref,
   reactive,
@@ -39,8 +41,8 @@ dataThemeChange();
 const { title } = useNav();
 
 const ruleForm = reactive({
-  username: "admin",
-  password: "123456"
+  username: "",
+  password: ""
 });
 const handleBlur = () => {
   // @ts-ignore
@@ -68,6 +70,7 @@ const onLogin = async (formEl: FormInstance | undefined) => {
             localStorage.setItem("token", res.data.token);
             // @ts-ignore
             localStorage.setItem("userName", res.data.realName);
+            //  获取后端路由动态路由逻辑，不可删除
             // initRouter().then(() => {
             //   // router.push(getTopMenu(true).path);
             //   router.push("/");
@@ -76,13 +79,6 @@ const onLogin = async (formEl: FormInstance | undefined) => {
             router.push("/");
             message("登录成功", { type: "success" });
           }
-          // if (res.success) {
-          //   // 获取后端路由
-          //   initRouter().then(() => {
-          //     router.push(getTopMenu(true).path);
-          //     message("登录成功", { type: "success" });
-          //   });
-          // }
         });
     } else {
       loading.value = false;
@@ -109,139 +105,74 @@ onBeforeUnmount(() => {
 
 <template>
   <div class="select-none">
-    <img src="@/assets/login/logo.png" class="wave-logo" />
     <img :src="bg" class="wave" />
-    <!-- 主题 -->
-    <!-- <div class="flex-c absolute right-5 top-3">
-      <el-switch
-        v-model="dataTheme"
-        inline-prompt
-        :active-icon="dayIcon"
-        :inactive-icon="darkIcon"
-        @change="dataThemeChange"
-      />
-    </div> -->
     <div class="login-container">
+      <img src="@/assets/login/logo@2x.png" class="wave-logo" />
+      <!-- <img src="@/assets/login/logo.png" class="wave-logo" /> -->
       <div class="img">
         <!--  -->
       </div>
       <div class="login-box">
         <div class="login-form">
-          <avatar class="avatar" />
           <div class="logo-box-form">
             <Motion>
               <!-- <h2 class="outline-none">{{ title }}</h2> -->
               <h2 class="">您好，欢迎登录！</h2>
             </Motion>
-            <el-card style="max-width: 1200px">
-              <template #header>
-                <div class="card-header">
-                  <h4 class="text-center">账号登录</h4>
-                </div>
-              </template>
-              <el-form
-                ref="ruleFormRef"
-                :model="ruleForm"
-                :rules="loginRules"
-                size="large"
-              >
-                <Motion :delay="100">
-                  <el-form-item
-                    :rules="[
-                      {
-                        required: true,
-                        message: '请输入账号',
-                        trigger: 'blur'
-                      }
-                    ]"
-                    prop="username"
-                  >
-                    <el-input
-                      v-model="ruleForm.username"
-                      clearable
-                      placeholder="账号"
-                      :prefix-icon="useRenderIcon(User)"
-                    />
-                  </el-form-item>
-                </Motion>
+            <el-form
+              ref="ruleFormRef"
+              :model="ruleForm"
+              :rules="loginRules"
+              size="large"
+              class="mt-10"
+            >
+              <Motion :delay="100">
+                <el-form-item
+                  :rules="[
+                    {
+                      required: true,
+                      message: '请输入账号',
+                      trigger: 'blur'
+                    }
+                  ]"
+                  prop="username"
+                >
+                  <el-input
+                    v-model="ruleForm.username"
+                    clearable
+                    placeholder="账号"
+                    :prefix-icon="userPng"
+                    class="custom-input"
+                  />
+                </el-form-item>
+              </Motion>
 
-                <Motion :delay="150">
-                  <el-form-item prop="password">
-                    <el-input
-                      v-model="ruleForm.password"
-                      clearable
-                      show-password
-                      placeholder="密码"
-                      :prefix-icon="useRenderIcon(Lock)"
-                      @blur="handleBlur"
-                    />
-                  </el-form-item>
-                </Motion>
+              <Motion :delay="150">
+                <el-form-item prop="password">
+                  <el-input
+                    v-model="ruleForm.password"
+                    clearable
+                    show-password
+                    placeholder="密码"
+                    :prefix-icon="lockOn"
+                    @blur="handleBlur"
+                  />
+                </el-form-item>
+              </Motion>
 
-                <Motion :delay="250">
-                  <el-button
-                    class="w-full mt-4"
-                    size="default"
-                    type="primary"
-                    :loading="loading"
-                    @click="onLogin(ruleFormRef)"
-                  >
-                    登录
-                  </el-button>
-                </Motion>
-              </el-form>
-            </el-card>
+              <Motion :delay="250">
+                <el-button
+                  class="w-full mt-4"
+                  size="default"
+                  type="primary"
+                  :loading="loading"
+                  @click="onLogin(ruleFormRef)"
+                >
+                  登录
+                </el-button>
+              </Motion>
+            </el-form>
           </div>
-          <!-- <el-form
-            ref="ruleFormRef"
-            :model="ruleForm"
-            :rules="loginRules"
-            size="large"
-          >
-            <Motion :delay="100">
-              <el-form-item
-                :rules="[
-                  {
-                    required: true,
-                    message: '请输入账号',
-                    trigger: 'blur'
-                  }
-                ]"
-                prop="username"
-              >
-                <el-input
-                  v-model="ruleForm.username"
-                  clearable
-                  placeholder="账号"
-                  :prefix-icon="useRenderIcon(User)"
-                />
-              </el-form-item>
-            </Motion>
-
-            <Motion :delay="150">
-              <el-form-item prop="password">
-                <el-input
-                  v-model="ruleForm.password"
-                  clearable
-                  show-password
-                  placeholder="密码"
-                  :prefix-icon="useRenderIcon(Lock)"
-                />
-              </el-form-item>
-            </Motion>
-
-            <Motion :delay="250">
-              <el-button
-                class="w-full mt-4"
-                size="default"
-                type="primary"
-                :loading="loading"
-                @click="onLogin(ruleFormRef)"
-              >
-                登录
-              </el-button>
-            </Motion>
-          </el-form> -->
         </div>
       </div>
     </div>
@@ -265,4 +196,8 @@ onBeforeUnmount(() => {
   color: #333;
   text-align: center;
 }
+
+:deep(.el-input__prefix) {
+  font-size: 20px; /* 设置图标大小 */
+}
 </style>