feat：

pages/login/index.vue

@@ -1323,7 +1323,7 @@ button {
 
 .btn-code {
   //margin-left: -10px;
-  width: 120px;
+  width: px2rpx(120);
   height: 3rem;
   box-sizing: border-box;
   background-color: #102047;

pages/mine/components/SecurityCenterTab.vue

@@ -1,10 +1,12 @@
 <template>
     <view class="user-form crm-form">
         <uni-row class="demo-uni-row uni-row1" :gutter="20">
-            <uni-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12" class="card bg-body">
+            <uni-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12" >
+              <view class="card bg-body p-3">
                 <view class="content-title">
                     <view v-t="'PersonalManagement.Title.CustomerZonePasswordChange'"></view>
                 </view>
+                <hr>
                 <uni-forms :model="passwordInfo" labelWidth="200" label-position="top">
                     <uni-row class="demo-uni-row">
                         <uni-col :xs="24">
@@ -34,16 +36,19 @@
                             </view>
                         </uni-col>
                         <uni-col :xs="24">
-                            <view class="btn btn-confirm" @click="passwordUpdate">{{ locale == 'es' ?
+                            <view class="btn btn-confirm mt-4" @click="passwordUpdate">{{ locale == 'es' ?
                                 'Actualizarcontraseña' : t('Btn.Application') }}</view>
                         </uni-col>
                     </uni-row>
                 </uni-forms>
+              </view>
             </uni-col>
-            <uni-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12" class="card bg-body">
+            <uni-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
+              <view class="card bg-body p-3">
                 <view class="content-title">
                     <view v-t="'PersonalManagement.Title.EmailChange'"></view>
                 </view>
+                <hr>
                 <uni-forms :model="emailInfo" labelWidth="200" label-position="top">
                     <uni-row class="demo-uni-row">
                         <uni-col :xs="24">
@@ -69,11 +74,12 @@
                             </view>
                         </uni-col>
                         <uni-col :xs="24">
-                            <view class="btn btn-confirm" @click="emailUpdate">{{ locale == 'es' ?
+                            <view class="btn btn-confirm mt-4" @click="emailUpdate">{{ locale == 'es' ?
                                 'Actualizarcontraseña' : t('Btn.Application') }}</view>
                         </uni-col>
                     </uni-row>
                 </uni-forms>
+              </view>
             </uni-col>
         </uni-row>
     </view>
@@ -258,7 +264,7 @@ onMounted(() => {
 }
 
 .notice-list {
-    margin: px2rpx(10) 0;
+    margin: 0;
     padding: 0 px2rpx(12) px2rpx(12) 0;
 
     .notice-item {
@@ -283,14 +289,25 @@ onMounted(() => {
     display: flex;
     align-items: flex-end;
 
-    .email-code-item {
+    :deep(.email-code-item) {
         flex: 1;
+      .uni-easyinput__content{
+        border-radius: px2rpx(8) 0 0 px2rpx(8);
+      }
     }
 
     .btn-code {
-        margin-bottom: px2rpx(12);
-        width: auto;
+      width: 30%;
+        margin-bottom: px2rpx(10);
         padding: px2rpx(10) px2rpx(16);
+        background-color: #102047;
+        color: #fff;
+      height: 3rem;
+      text-align: center;
+      border-radius: 0 25px 25px 0;
+      cursor: pointer;
+      font-size: 14px;
+      flex-shrink: 0;
     }
 
 }

static/scss/global/global.scss

@@ -1922,4 +1922,36 @@ uni-content.collapsed {
 ::selection {
     background-color: var(--bs-secondary);
     // color: var(--bs-emphasis-color);
+}
+
+@for $i from 1 through 50 {
+  .padding-#{$i} {
+    padding: px2rpx($i);
+  }
+  
+  .padding-t-#{$i} {
+    padding-top: px2rpx($i);
+  }
+  
+  .padding-b-#{$i} {
+    padding-bottom: px2rpx($i);
+  }
+  
+  .padding-l-#{$i} {
+    padding-left: px2rpx($i);
+  }
+  
+  .padding-r-#{$i} {
+    padding-right: px2rpx($i);
+  }
+  
+  .padding-x-#{$i} {
+    padding-left: px2rpx($i);
+    padding-right: px2rpx($i);
+  }
+  
+  .padding-y-#{$i} {
+    padding-top: px2rpx($i);
+    padding-bottom: px2rpx($i);
+  }
 }