zhangchao/cz-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat 需求提报

Browse Source
This commit is contained in:
Ironsp
2026-10-09 09:29:08 +08:00
parent aa440d6bb5
commit f73103a2a6
14 changed files with 294 additions and 250 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
src/views/login/cpns/SmsLoginForm.vue
View File

@@ -85,36 +85,41 @@ function onSubmit(): void {
</template>
<style lang="less" scoped>
// 设计稿 #38（手机验证码登录）纵向坐标：
// 手机号标签 438 → 验证码标签 520（差 82）
// 验证码输入框底 ~588 → 勾选行 622 → 登录按钮文字 669
.sms-login {
.flex(column, flex-start, stretch);
margin: 26px 0 0 17px;
width: 680px;
margin: 26px 0 0;
width: 100%;
&__field {
.flex(column, flex-start, stretch);
gap: 8px;
width: 680px;
gap: 6px;
width: 100%;
}
// 第一个字段底（457+40=497... 按标签 438+17+6+40=501）→ 第二标签 520，间距 19px
&__field + &__field {
margin-top: 40px;
margin-top: 19px;
}
&__label {
font-size: 13px * @auth-font-scale;
font-size: 13px;
font-weight: 500;
line-height: 17px * @auth-font-scale;
line-height: 17px;
color: #1f2937;
text-align: center;
}
&__input {
width: 100%;
height: 39px * @auth-font-scale;
padding: 0 12px * @auth-font-scale;
height: 40px;
padding: 0 12px;
border: 1px solid #dde1e7;
border-radius: @radius-sm;
background: @white;
font-size: 13px * @auth-font-scale;
font-size: 13px;
color: #1f2937;
outline: none;
transition: border-color 0.2s;
@@ -129,20 +134,21 @@ function onSubmit(): void {
}
}
// 设计稿 #38：勾选框 (992.2,623) 7.5×14，勾选文字 622
&__agree {
.flex(row, flex-start, center);
gap: 8px;
margin-top: 22px;
font-size: 12px * @auth-font-scale;
margin-top: 14px;
font-size: 12px;
font-weight: 400;
line-height: 16px * @auth-font-scale;
line-height: 16px;
color: #6b7280;
cursor: pointer;
input {
flex-shrink: 0;
width: 16px * @auth-font-scale;
height: 16px * @auth-font-scale;
width: 14px;
height: 14px;
margin: 0;
accent-color: @primary-strong;
}
@@ -153,15 +159,16 @@ function onSubmit(): void {
}
}
// 设计稿 #38：按钮文字 (1302,669) 54×20
&__submit {
width: 100%;
height: 46px * @auth-font-scale;
margin-top: 18px;
height: 46px;
margin-top: 17px;
border: none;
border-radius: @radius-sm;
background: @primary-strong;
color: @white;
font-size: 15px * @auth-font-scale;
font-size: 15px;
font-weight: 500;
cursor: pointer;
transition: background 0.2s;