页面调整
This commit is contained in:
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"name" : "访客机app",
|
||||
"appid" : "__UNI__B7EF864",
|
||||
"appid" : "__UNI__FD004A8",
|
||||
"description" : "访客机app",
|
||||
"versionName" : "1.8.4",
|
||||
"versionCode" : "100",
|
||||
|
@@ -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);
|
||||
|
@@ -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 {
|
||||
|
@@ -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 |
1
static/aidex/login/ic_login_pwd.svg
Normal file
1
static/aidex/login/ic_login_pwd.svg
Normal 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 |
1
static/aidex/login/ic_login_user.svg
Normal file
1
static/aidex/login/ic_login_user.svg
Normal 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 |
Reference in New Issue
Block a user