xinyouhe/panel
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改样式

Browse Source
This commit is contained in:
浅念 2025-09-27 17:16:02 +08:00
parent f65321a3ae
commit 1935a60c92
1 changed files with 27 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/views/Login.vue
View File

@ -14,10 +14,14 @@
</div> --> </div> -->
<div v-if="tab==='account'" class="form"> <div v-if="tab==='account'" class="form">
<div class="form-row">
<label>账号</label> <label>账号</label>
<input v-model="username" placeholder="请输入账号" /> <input v-model="username" placeholder="请输入账号" />
</div>
<div class="form-row">
<label>密码</label> <label>密码</label>
<input v-model="password" type="password" placeholder="请输入密码" /> <input v-model="password" type="password" placeholder="请输入密码" />
</div>
<button class="login-btn" @click="onLogin">登录</button> <button class="login-btn" @click="onLogin">登录</button>
</div> </div>
@ -127,7 +131,26 @@ async function onScanLogin(){
.form label{ display:block; margin-top:8px; color:#666; font-size:13px;} .form label{ display:block; margin-top:8px; color:#666; font-size:13px;}
.form input{ width:100%; padding:10px; margin-top:6px; border-radius:6px; border:1px solid #eee; background:#fafafa;} .form input{ width:100%; padding:10px; margin-top:6px; border-radius:6px; border:1px solid #eee; background:#fafafa;}
.login-btn{ width:100%; padding:12px; margin-top:60px; border-radius:16px; border:none; background:#009688; color:#fff; cursor:pointer; font-size:16px;} .login-btn{ width:100%; padding:12px; margin-top:60px; border-radius:16px; border:none; background:#009688; color:#fff; cursor:pointer; font-size:16px;}
.form-row {
display: flex;
align-items: center;
margin-top: 14px;
}
.form-row label {
width: 46px; /* 固定宽度 */
font-size: 14px;
color: #666;
flex-shrink: 0;
}
.form-row input {
flex: 1;
padding: 10px;
border-radius: 6px;
border: 1px solid #eee;
background: #fafafa;
}
/* qr area */ /* qr area */
.qr-area{ text-align:center; margin-top:6px;} .qr-area{ text-align:center; margin-top:6px;}
.qr-img{ width:160px; height:160px; display:block; margin:12px auto; border-radius:6px; border:1px solid #eee;} .qr-img{ width:160px; height:160px; display:block; margin:12px auto; border-radius:6px; border:1px solid #eee;}