页面调整

This commit is contained in:
2025-08-28 11:49:30 +08:00
parent cff90138cc
commit e45b447773
8 changed files with 27 additions and 21 deletions

View File

@@ -1,6 +1,6 @@
{
"name" : "访客机app",
"appid" : "__UNI__B7EF864",
"appid" : "__UNI__FD004A8",
"description" : "访客机app",
"versionName" : "1.8.4",
"versionCode" : "100",

View File

@@ -8,20 +8,20 @@
<!-- 表单区域 -->
<view class="login-form">
<view class="input-row">
<image class="iconfont" src="/static/aidex/login/ic_login_user.png" />
<image class="iconfont" src="/static/aidex/login/ic_login_user.svg" />
<input class="login-input" type="text" placeholder="输入账号" v-model="username" />
</view>
<view class="input-row">
<image class="iconfont2" src="/static/aidex/login/ic_login_pwd.png" />
<image class="iconfont2" src="/static/aidex/login/ic_login_pwd.svg" />
<input class="login-input" type="password" v-model="password" placeholder="请输入密码" />
</view>
<view class="protocol-row">
<label class="custom-checkbox-label">
<!-- <label class="custom-checkbox-label">
<input type="checkbox" :checked="checked" @change="handleCheckboxChange"
class="custom-checkbox-input" />
<image :src="checked ? '/static/ic_login_agree.png' : '/static/ic_login_dis.png'"
class="custom-checkbox-img" @click="handleCheckboxChange({ target: { checked: !checked }})" />
</label>
</label> -->
<text>同意</text>
<text class="protocol-link">用户协议</text>
<text></text>
@@ -203,6 +203,7 @@
.login-container {
width: 100%;
height:100%;
position: relative;
border-radius: 24px;
overflow: hidden;
@@ -210,7 +211,7 @@
transition: all 0.3s ease;
}
/* 响应式调整 */
/* 响应式调整
@media (max-width: 600px) {
.login-container {
border-radius: 16px;
@@ -223,7 +224,7 @@
max-width: 95%;
}
}
*/
.login-header {
position: relative;
height: 35vh;
@@ -256,8 +257,8 @@
}
.login-title {
font-size: clamp(28px, 5vw, 36px);
font-weight: 700;
font-size: 36px;
font-weight: bold;
margin-bottom: 8px;
}
@@ -268,8 +269,9 @@
}
.login-form {
height:100%;
background: white;
padding: clamp(20px, 5vw, 30px);
padding: 30px;
border-radius: 0 0 24px 24px;
position: relative;
z-index: 10;
@@ -288,8 +290,8 @@
}
.iconfont, .iconfont2 {
width: clamp(20px, 4vw, 24px);
height: clamp(20px, 4vw, 24px);
width: 2rem;
height: 2rem;
margin-right: 12px;
flex-shrink: 0;
}
@@ -298,7 +300,7 @@
flex: 1;
border: none;
outline: none;
font-size: clamp(14px, 4vw, 16px);
font-size: 16px;
color: #333;
min-width: 0; /* 防止flex项目溢出 */
}
@@ -311,7 +313,7 @@
display: flex;
align-items: center;
margin: clamp(15px, 4vw, 20px) 0 clamp(20px, 5vw, 30px);
font-size: clamp(12px, 3vw, 14px);
font-size: 10px;
color: #666;
flex-wrap: wrap;
}
@@ -344,14 +346,16 @@
}
.login-btn {
width: 100%;
height: clamp(45px, 10vw, 50px);
width: 60%;
position: relative;
left: 20%;
height: clamp(40px, 10vw, 50px);
background: linear-gradient(90deg, #2e6cf6 0%, #4fc3f7 100%);
color: white;
border: none;
border-radius: clamp(20px, 8vw, 25px);
border-radius: 25px;
font-size: clamp(14px, 4vw, 16px);
font-weight: 600;
font-weight: bold;
cursor: pointer;
transition: all 0.3s;
box-shadow: 0 4px 12px rgba(46, 108, 246, 0.3);

View File

@@ -585,7 +585,7 @@ export default {
.qr-wrapper {
width: 100%;
aspect-ratio: 1/0.8;
aspect-ratio: 1/1;
display: flex;
justify-content: center;
align-items: center;
@@ -666,7 +666,7 @@ export default {
padding: 16px 24px;
display: grid;
grid-template-columns: 1fr;
gap: 16px;
gap: 6px;
}
.info-item {

View File

@@ -180,7 +180,7 @@ export default {
.search-input {
flex: 1;
min-width: 120px;
max-width: 250px;
padding: 8px;
border: 1px solid #ddd;
border-radius: 4px;

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.6 KiB

View File

@@ -0,0 +1 @@
<?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="1756263627329" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8131" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M776.86 376.04c-22.05 0-40.16-16.24-43.91-37.98-18.08-104.98-109.79-185.1-219.84-185.1s-201.76 80.13-219.84 185.1c-3.74 21.73-21.85 37.98-43.91 37.98-27.05 0-48.82-24.04-44.44-50.73 24.3-148.16 153.25-261.58 308.19-261.58S796.99 177.15 821.3 325.31c4.38 26.69-17.39 50.73-44.44 50.73zM850.18 418.32H180.33c-37.98 0-68.76 30.79-68.76 68.76v403.71c0 37.98 30.79 68.76 68.76 68.76h665.36c37.97 0 68.75-30.77 68.77-68.74l0.19-408c0.02-35.61-28.85-64.49-64.47-64.49zM557.73 762.56c0 24.64-19.97 44.62-44.62 44.62-24.64 0-44.62-19.97-44.62-44.62v-89.23c0-24.64 19.97-44.62 44.62-44.62 24.64 0 44.62 19.98 44.62 44.62v89.23z" p-id="8132" fill="#1296db"></path></svg>

After

Width:  |  Height:  |  Size: 992 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.8 KiB

View File

@@ -0,0 +1 @@
<?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="1756263571922" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5370" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M501.937582 545.097053c147.891962 0 268.231366-118.534055 268.223274-264.288929 0-145.746783-120.330301-264.28994-268.222263-264.28994-147.890951 0-268.221252 118.584625-268.221252 264.28994C233.71633 426.520519 354.046631 545.097053 501.937582 545.097053zM612.471463 570.546911 411.497184 570.546911c-186.760063 0-338.664249 149.569875-338.664249 333.472733l0 19.794109c0 96.139636 149.47278 96.139636 338.664249 96.139636l200.974278 0c181.747565 0 338.694591 0 338.694591-96.139636l0-19.794109C951.164031 720.158252 799.235571 570.546911 612.471463 570.546911z" fill="#1296db" p-id="5371"></path></svg>

After

Width:  |  Height:  |  Size: 937 B