stage：登录页密码显示与隐藏功能加入

src/assets/icons/svg/hidePassword.svg

+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1751509577486" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6264" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M228.41 198.27a21.33 21.33 0 0 0-30.17 30.17l56.46 56.46c-83.6 50.76-150.66 126-189.08 219a21.33 21.33 0 0 0 0 16.33C138.56 696.64 313.78 810.68 512 810.68a496.64 496.64 0 0 0 217.89-50.61l65.69 65.69a21.33 21.33 0 1 0 30.17-30.17z m194.68 255l147.63 147.64a106.5 106.5 0 0 1-147.63-147.63zM512 768c-177.8 0-335.17-100.15-403.49-256 36.81-84 100.12-150.76 178-195.34L392.81 423c-18.68 24.93-30.15 55.54-30.15 89 0 82.33 67 149.33 149.33 149.33 33.47 0 64.08-11.47 89-30.15l96.21 96.21C640.44 752.9 578 768 512 768zM958.37 503.85C885.43 327.39 710.2 213.35 512 213.35a502.15 502.15 0 0 0-157.66 25.45l34.22 34.2A461 461 0 0 1 512 256c177.79 0 335.17 100.17 403.48 256-28.33 64.63-72.59 118.93-126.66 161.23l30.88 30.88C879.76 656 928 593.62 958.37 520.18a21.33 21.33 0 0 0 0-16.33z" fill="#979797" p-id="6265"></path><path d="M617.66 502.11l40.47 40.47a149.27 149.27 0 0 0 3.2-30.56c0-82.33-67-149.33-149.33-149.33a149.19 149.19 0 0 0-30.57 3.2l40.47 40.47a106.11 106.11 0 0 1 95.76 95.75z" fill="#979797" p-id="6266"></path></svg>
\ No newline at end of file

src/assets/icons/svg/showPassword.svg

+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1751509272117" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5279" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M512 801.03c-104.03 0-214.16-48.72-318.47-140.91-78.12-69.04-125.05-137.1-127-139.96a14.42 14.42 0 0 1 0-16.31c1.95-2.86 48.88-70.92 127-139.96 104.3-92.2 214.44-140.92 318.47-140.92s214.16 48.72 318.47 140.91c78.13 69.04 125.04 137.1 127 139.96a14.42 14.42 0 0 1 0 16.31c-1.96 2.86-48.87 70.92-127 139.96C726.16 752.31 616.02 801.03 512 801.03zM96.28 512C129.65 556.98 300.43 772.13 512 772.13S894.34 556.98 927.72 512C894.34 467.02 723.56 251.87 512 251.87S129.65 467.02 96.28 512zM512 656.52c-79.68 0-144.52-64.83-144.52-144.52S432.32 367.48 512 367.48 656.51 432.31 656.51 512 591.68 656.52 512 656.52z m0-260.13c-63.75 0-115.61 51.86-115.61 115.61S448.25 627.61 512 627.61 627.61 575.75 627.61 512 575.75 396.39 512 396.39z" fill="#333333" p-id="5280"></path></svg>
\ No newline at end of file

src/views/login.vue

@@ -10,9 +10,13 @@
         </el-input>
       </el-form-item>
       <el-form-item prop="password">
-        <el-input v-model="loginForm.password" type="password" auto-complete="off" placeholder="密码"
+        <el-input v-model="loginForm.password" :type="passwordType" auto-complete="off" placeholder="密码"
           @keyup.enter.native="handleLogin">
           <svg-icon slot="prefix" icon-class="password" class="el-input__icon input-icon" />
+          <svg-icon @click="passwordType = 'text'" v-if="passwordType === 'password'" slot="suffix"
+            style="cursor: pointer;width:23px;" icon-class="showPassword" class="el-input__icon input-icon" />
+          <svg-icon @click="passwordType = 'password'" v-if="passwordType === 'text'" slot="suffix"
+            style="cursor: pointer;width:23px;" icon-class="hidePassword" class="el-input__icon input-icon" />
         </el-input>
       </el-form-item>
       <el-form-item prop="code" v-if="captchaEnabled">
@@ -146,6 +150,7 @@ export default {
       dialogVisible: false,
       // 节流参数控制
       throttle: null,
+      passwordType: 'password'
     };
   },
   watch: {