修改样式

src/components/layout/modals/update-password.module.less

@@ -1,21 +1,42 @@
 .updatePassword {
-  padding: 20px;
+  padding: 20px 40px 30px;
 
   .tips {
     padding-bottom: 12px;
+    font-size: 18px;
+    color: #777777;
   }
 
+  .phoneContainer {
+    :global {
+      .n-form-item-feedback-wrapper {
+        min-height: 12px;
+      }
+    }
+  }
 
-  .phone {}
+  :global {
+    .n-form-item .n-form-item-label {
+      font-size: 18px;
+      color: #777777;
+    }
+  }
+
+
+  .phone {
+    font-weight: bold;
+  }
 
   .updateBtnGroup {
+    width: 100%;
     padding: 0;
     justify-content: center !important;
+    text-align: center;
 
     :global {
       .n-button {
         height: 48px !important;
-        min-width: 156px;
+        min-width: 80%;
       }
     }
   }

src/components/layout/modals/update-password.tsx

@@ -112,7 +112,10 @@ export default defineComponent({
           labelWidth={'auto'}
           ref={formsRef}
           model={forms}>
-          <NFormItem path="currentClass" label="手机号">
+          <NFormItem
+            path="currentClass"
+            label="手机号"
+            class={styles.phoneContainer}>
             <p class={styles.phone}>{forms.mobile}</p>
           </NFormItem>
           <NFormItem
@@ -183,7 +186,7 @@ export default defineComponent({
               }}
             </NInput>
           </NFormItem>
-          <NSpace class={styles.updateBtnGroup}>
+          <div class={styles.updateBtnGroup}>
             <NButton
               strong
               type="primary"
@@ -191,7 +194,7 @@ export default defineComponent({
               onClick={() => gotoClassPage()}>
               确认
             </NButton>
-          </NSpace>
+          </div>
         </NForm>
       </div>
     );