claw-daemon/clawd
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(captive): 密码框增加眼睛图标切换可见性

Browse Source 
Made-with: Cursor
This commit is contained in:
stswangzhiping
2026-03-18 21:35:28 +08:00
parent 9e7dcada05
commit 7d3477454c
1 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
lib/captive-server.js
View File

@@ -164,6 +164,10 @@ body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;b
label{display:block;font-size:14px;font-weight:500;margin-bottom:6px;color:#555} label{display:block;font-size:14px;font-weight:500;margin-bottom:6px;color:#555}
input{width:100%;padding:12px;border:1.5px solid #ddd;border-radius:8px;font-size:15px;outline:none;transition:border-color .2s} input{width:100%;padding:12px;border:1.5px solid #ddd;border-radius:8px;font-size:15px;outline:none;transition:border-color .2s}
input:focus{border-color:#4a6cf7} input:focus{border-color:#4a6cf7}
.pw-wrap{position:relative}
.pw-wrap input{padding-right:42px}
.pw-eye{position:absolute;right:12px;top:50%;transform:translateY(-50%);cursor:pointer;color:#aaa;line-height:1;font-size:18px;user-select:none}
.pw-eye:hover{color:#555}
.field{margin-bottom:16px} .field{margin-bottom:16px}
.wifi-list{max-height:220px;overflow-y:auto;border:1.5px solid #ddd;border-radius:8px;margin-bottom:16px} .wifi-list{max-height:220px;overflow-y:auto;border:1.5px solid #ddd;border-radius:8px;margin-bottom:16px}
.wifi-item{display:flex;align-items:center;padding:10px 12px;border-bottom:1px solid #f0f0f0;cursor:pointer;font-size:13px;transition:background .15s} .wifi-item{display:flex;align-items:center;padding:10px 12px;border-bottom:1px solid #f0f0f0;cursor:pointer;font-size:13px;transition:background .15s}
@@ -212,7 +216,10 @@ input:focus{border-color:#4a6cf7}
<div class="field" style="margin-top:16px"> <div class="field" style="margin-top:16px">
<label for="password">密码</label> <label for="password">密码</label>
<div class="pw-wrap">
<input type="password" id="password" placeholder="WiFi 密码（开放网络留空）"> <input type="password" id="password" placeholder="WiFi 密码（开放网络留空）">
<span class="pw-eye" id="pwEye" onclick="togglePw()">👁</span>
</div>
</div> </div>
<button class="btn" id="connectBtn" onclick="doConnect()">连接</button> <button class="btn" id="connectBtn" onclick="doConnect()">连接</button>
@@ -222,6 +229,7 @@ input:focus{border-color:#4a6cf7}
<script> <script>
function $(id){return document.getElementById(id)} function $(id){return document.getElementById(id)}
function setStatus(msg,type){var s=$('status');s.textContent=msg;s.className='status '+type} function setStatus(msg,type){var s=$('status');s.textContent=msg;s.className='status '+type}
function togglePw(){var i=$('password');var show=i.type==='password';i.type=show?'text':'password';$('pwEye').style.opacity=show?'1':'0.4'}
function signalBars(pct){ function signalBars(pct){
var bars=[4,7,10,14]; var bars=[4,7,10,14];