feat ui设计稿bug修复

src/views/login/cpns/SmsLoginForm.vue

@@ -59,7 +59,9 @@ function onSubmit(): void {
 <template>
   <form class="sms-login" @submit.prevent="onSubmit">
     <div class="sms-login__field">
+      <label class="sms-login__label" for="sms-phone">手机号</label>
       <input
+        id="sms-phone"
         v-model="localPhone"
         class="sms-login__input"
         type="text"
@@ -69,6 +71,7 @@ function onSubmit(): void {
       >
     </div>
     <div class="sms-login__field">
+      <label class="sms-login__label" for="sms-code">验证码</label>
       <SmsCodeInput v-model:code="localCode" @get-code="onGetCode" />
     </div>
     <label class="sms-login__agree">
@@ -76,30 +79,46 @@ function onSubmit(): void {
       <span>已阅读并同意<em>《用户协议》</em>和<em>《隐私政策》</em></span>
     </label>
     <button class="sms-login__submit" type="submit">
-      登 录
+      登录
     </button>
   </form>
 </template>
 
 <style lang="less" scoped>
 .sms-login {
-  .flex(column, flex-start);
-  gap: @spacing-lg;
+  .flex(column, flex-start, stretch);
+  // 设计稿：表单列 x989，Tab 行底 412 → 首个标签 438 = 26
+  margin: 26px 0 0 17px;
+  width: 680px;
 
   &__field {
-    width: 100%;
+    .flex(column, flex-start, stretch);
+    gap: 8px;
+    width: 680px;
   }
 
-  // 设计稿：输入框 40 设计px ≈ 32px 高、13 设计px 字号（可读下限 11px）、白底浅描边
+  // 设计稿：手机号输入底 502 → 验证码标签 520 = 18；标签行盒 17 → 18
+  &__field + &__field {
+    margin-top: 18px;
+  }
+
+  &__label {
+    font-size: 13px;            // 设计稿 13/500 #1F2937
+    font-weight: 500;
+    line-height: 17px;
+    color: #1f2937;
+  }
+
+  // 设计稿：输入框 680×39、白底 + #DDE1E7 描边、文字 13/400
   &__input {
     width: 100%;
-    height: 32px;
+    height: 39px;
     padding: 0 12px;
-    border: 1px solid @border-color;
-    border-radius: 6px;
+    border: 1px solid #dde1e7;
+    border-radius: @radius-sm;
     background: @white;
-    font-size: 11px;
-    color: @heading-color;
+    font-size: 13px;
+    color: #1f2937;
     outline: none;
     transition: border-color 0.2s;
     box-sizing: border-box;
@@ -109,19 +128,26 @@ function onSubmit(): void {
     }
 
     &::placeholder {
-      color: @heading-color;
+      color: #1f2937;
     }
   }
 
+  // 设计稿：协议行 @(989,622)；验证码输入底 584 → 协议行 38
   &__agree {
-    .flex(row, flex-start);
-    gap: @spacing-xs;
-    font-size: 11px;
-    color: @text-color-secondary;
+    .flex(row, flex-start, center);
+    gap: 8px;
+    margin-top: 22px;
+    font-size: 12px;
+    font-weight: 400;
+    line-height: 16px;
+    color: #6b7280;
     cursor: pointer;
 
     input {
-      margin-top: 1px;
+      flex-shrink: 0;
+      width: 16px;
+      height: 16px;
+      margin: 0;
       accent-color: @primary-strong;
     }
 
@@ -132,17 +158,17 @@ function onSubmit(): void {
     }
   }
 
-  // 设计稿：登录按钮 44 设计px ≈ 34px 高、#024FFF 实底
+  // 设计稿：登录按钮 680×46 @y656、#024FFF 实底、文字 15/500
   &__submit {
     width: 100%;
-    height: 34px;
+    height: 46px;
+    margin-top: 18px;
     border: none;
-    border-radius: 6px;
+    border-radius: @radius-sm;
     background: @primary-strong;
     color: @white;
-    font-size: 12px;
+    font-size: 15px;
     font-weight: 500;
-    letter-spacing: 2px;
     cursor: pointer;
     transition: background 0.2s;