Selaa lähdekoodia

feat:弹窗按钮,index修改

ljc 1 kuukausi sitten
vanhempi
commit
b71018e37a

+ 4 - 3
components/AddBankDialog.vue

@@ -516,16 +516,17 @@
     .dialog-footer {
       display: flex;
       gap: px2rpx(12);
-      justify-content: center;
-      padding-top: px2rpx(16);
+      justify-content: space-between;
+      padding: px2rpx(16) 0 0;
       border-top: 1px solid #f3f4f6;
 
       .btn {
-        min-width: px2rpx(90);
+        min-width: px2rpx(120);
         padding: px2rpx(12) px2rpx(24);
         border-radius: px2rpx(6);
         font-size: px2rpx(14);
         font-weight: 600;
+        box-sizing: border-box;
         border: none;
         cursor: pointer;
         text-align: center;

+ 4 - 3
pages/mine/components/AddFileDialog.vue

@@ -207,16 +207,17 @@ defineExpose({
     .dialog-footer {
         display: flex;
         gap: px2rpx(12);
-        justify-content: flex-end;
-        padding-top: px2rpx(16);
+        justify-content: space-around;
+        padding: px2rpx(16) 0 0;
         border-top: 1px solid #f3f4f6;
 
         .btn {
-            min-width: px2rpx(90);
+            min-width: px2rpx(120);
             padding: px2rpx(12) px2rpx(24);
             border-radius: px2rpx(6);
             font-size: px2rpx(14);
             font-weight: 600;
+            box-sizing: border-box;
             border: none;
             cursor: pointer;
             text-align: center;

+ 23 - 11
pages/mine/components/BankInfoTab.vue

@@ -24,25 +24,31 @@
                                         </view>
                                     </uni-col>
                                     <uni-col :xs="24" :sm="24" :md="16" :lg="16" :xl="16">
+                                      <view class="actions">
                                         <view class="bank-actions">
-                                            <view class="action-btn bg-secondary" v-if="item.authStatus == 0"
+                                          <view class="action-btn bg-secondary" v-if="item.authStatus == 0"
                                                 type="primary" v-t="'State.ToCertified'"
                                                 @click="doReady(item.id, item)" />
-                                            <view class="action-btn bg-secondary" v-if="item.authStatus == 0"
+                                          <view class="action-btn bg-secondary" v-if="item.authStatus == 0"
                                                 type="primary" @click="openCardDialog(item.id, item)"
                                                 v-t="'PersonalManagement.CardVerify.Title'" />
-                                            <view class="action-btn bg-secondary"
+
+                                        </view>
+                                        <view class="bank-actions">
+                                          <view class="action-btn bg-secondary"
                                                 v-if="!editingId && item.authStatus !== 1" @tap="startEdit(item)"
                                                 v-t="'Btn.Editor'" />
-                                            <template v-if="editingId === item.id">
-                                                <view class="action-btn bg-secondary" @tap="saveBank(item)"
-                                                    v-t="'Btn.Save'" />
-                                                <view class="action-btn bg-secondary" @tap="cancelEdit()"
-                                                    v-t="'Btn.Cancel'" />
-                                            </template>
-                                            <view class="action-btn delete" @tap="confirmDelete(item)"
+                                          <template v-if="editingId === item.id">
+                                            <view class="action-btn bg-secondary" @tap="saveBank(item)"
+                                                  v-t="'Btn.Save'" />
+                                            <view class="action-btn bg-secondary" @tap="cancelEdit()"
+                                                  v-t="'Btn.Cancel'" />
+                                          </template>
+                                          <view class="action-btn delete" @tap="confirmDelete(item)"
                                                 v-t="'Btn.Delete'" />
                                         </view>
+                                      </view>
+
                                     </uni-col>
                                 </uni-row>
                             </view>
@@ -833,11 +839,17 @@ onMounted(() => {
                 color: #1f2937;
                 margin-bottom: px2rpx(20);
             }
+          .actions{
+            display: flex;
+            flex-direction: column;
+          }
 
             .bank-actions {
                 display: flex;
-                gap: px2rpx(12);
+                gap: px2rpx(20);
                 align-items: center;
+                flex-wrap: wrap;
+                margin-bottom: px2rpx(10);
                 justify-content: flex-end;
 
                 .action-btn {

+ 3 - 2
pages/mine/components/CardAuthDialog.vue

@@ -1,5 +1,5 @@
 <template>
-    <uni-popup ref="cardRef" type="center" background-color="#fff">
+    <uni-popup ref="cardRef" type="center" background-color="#fff" style="z-index: 9999;">
         <view class="dialog-container">
             <view class="dialog-header">
                 <text class="dialog-title" v-t="'PersonalManagement.CardVerify.Title'" />
@@ -288,7 +288,7 @@ defineExpose({
     .dialog-footer {
         display: flex;
         gap: px2rpx(12);
-        justify-content: flex-end;
+        justify-content: space-around;
         padding: px2rpx(16);
         border-top: 1px solid #f3f4f6;
 
@@ -299,6 +299,7 @@ defineExpose({
             font-size: px2rpx(14);
             font-weight: 600;
             border: none;
+            box-sizing: border-box;
             cursor: pointer;
             text-align: center;
             transition: all 0.3s;

+ 1 - 1
pages/mine/components/KycAuthDialog.vue

@@ -1,5 +1,5 @@
 <template>
-    <uni-popup ref="kycRef" type="center" background-color="#fff">
+    <uni-popup ref="kycRef" type="center" background-color="#fff" style="z-index: 9999">
         <view class="dialog-container">
             <view class="dialog-header">
                 <text class="dialog-title">{{ t('blockchain.item2') }}</text>