更改登录页样式图标

src/main/resources/templates/casLoginView.html

@@ -8,7 +8,7 @@
     <meta http-equiv="Pragma" content="no-cache" />
     <meta http-equiv="Expires" content="0" />
     <title>云海教育 · 统一身份认证平台</title>
-    <link rel="stylesheet" href="/cas/front/css/login.css?v=1.1" />
+    <link rel="stylesheet" href="/cas/front/css/login.css?v=1.2" />
     <script src="/cas/front/libs/jquery.min.js?v=2.1"></script>
     <script src="/cas/front/js/jsencrypt.min.js?v=2.1"></script>
     <script src="/cas/front/js/conf.js?v=2.3"></script>
@@ -56,8 +56,18 @@
                         <input type="password" id="password_input" name="password"
                             placeholder="请输入密码" autocomplete="current-password" />
                         <button type="button" class="eye-btn" id="eyeBtn" aria-label="显示密码">
-                            <img id="js_close_eye" src="/cas/front/image/eye-close.svg" alt="" />
+                            <svg id="js_close_eye" viewBox="0 0 24 24" fill="none" stroke="currentColor"
-                            <img id="js_open_eye" src="/cas/front/image/eye-open.svg" alt="" />
+                                stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                                <path d="M17.94 17.94C16.2 19.2 14.2 20 12 20c-4.97 0-9.05-3.3-10.5-8 1.45-4.7 5.53-8 10.5-8 2.2 0 4.2.8 5.94 2.06M2 2l20 20" />
+                                <path d="M9.9 5.24A9.12 9.12 0 0 1 12 5c4.97 0 9.05 3.3 10.5 8-.4 1.3-1 2.5-1.8 3.56" />
+                                <path d="M6.61 6.61C4.2 8.25 2.5 10.9 1.5 14" />
+                                <path d="M10.59 10.59a3 3 0 0 0 4.24 4.24" />
+                            </svg>
+                            <svg id="js_open_eye" viewBox="0 0 24 24" fill="none" stroke="currentColor"
+                                stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                                <path d="M1.5 12C2.95 7.3 7.03 4 12 4s9.05 3.3 10.5 8c-1.45 4.7-5.53 8-10.5 8s-9.05-3.3-10.5-8z" />
+                                <circle cx="12" cy="12" r="3" />
+                            </svg>
                         </button>
                     </div>
                     <input type="hidden" id="loginname_input" name="loginname" />

src/main/webapp/front/css/login.css

@@ -237,40 +237,44 @@ body {
     background: var(--input-bg);
 }
 
-/* 密码框：右侧白底眼睛按钮，明文/密文切换 */
+/* 密码框：右侧内嵌眼睛图标，明文/密文切换 */
 .pwd-item {
     position: relative;
 }
 
 .pwd-item input {
-    padding-right: 76px;
+    padding-right: 56px;
 }
 
 .eye-btn {
     position: absolute;
     top: 50%;
-    right: 5px;
+    right: 8px;
     transform: translateY(-50%);
-    width: 60px;
+    width: 36px;
-    height: 44px;
+    height: 36px;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 0;
-    background: #fff;
+    background: transparent;
-    border: 1px solid var(--border);
+    border: none;
-    border-radius: var(--radius-input);
+    border-radius: 8px;
     cursor: pointer;
-    transition: border-color 0.18s;
+    color: var(--placeholder);
+    transition: background 0.18s, color 0.18s;
 }
 
-.eye-btn:hover {
+.eye-btn:hover,
-    border-color: var(--accent);
+.eye-btn:focus-visible {
+    background: rgba(47, 163, 106, 0.10);
+    color: var(--accent);
+    outline: none;
 }
 
-.eye-btn img {
+.eye-btn svg {
-    width: 22px;
+    width: 20px;
-    height: 22px;
+    height: 20px;
     display: block;
 }