Bladeren bron

:bug: 邮箱不可修改,修改样式优化

Ritchie 1 jaar geleden
bovenliggende
commit
cafd49e7b6
2 gewijzigde bestanden met toevoegingen van 9 en 9 verwijderingen
  1. 3 5
      src/styles/user/index.less
  2. 6 4
      src/views/user/UserIndex.vue

+ 3 - 5
src/styles/user/index.less

@@ -111,8 +111,6 @@
             }
 
             .relationClass {
-                // padding: 0;
-
                 .van-field__control {
                     height: 38px;
                     line-height: 38px;
@@ -120,15 +118,15 @@
                     border-radius: 2px;
                     background: #fff;
                     border: 1px solid #dddde8;
-                    width: 60%;
+                    width: 62%;
                 }
 
                 .van-field__button {
                     background-color: #FF3456;
                     color: #fff;
                     padding: 0 1em;
-                    margin-left: 15px;
-                    border-radius: 1em;
+                    margin-left: 10px;
+                    border-radius: 0.2em;
                 }
             }
         }

+ 6 - 4
src/views/user/UserIndex.vue

@@ -43,12 +43,12 @@
             <div>
               <van-field class="relationClass" v-model="cofficentForm.phone" :placeholder="$t('user.phoneNumberPlace')">
                 <template #button>
-                  <van-button type="primary" @click="mailboxChg(cofficentForm.phone, 1)" size="small" >{{ $t("user.confirmLog") }}
+                  <van-button  type="primary" @click="mailboxChg(cofficentForm.phone, 1)" size="small" >确定
                   </van-button>
                 </template>
               </van-field>
             </div>
-            <van-icon name="edit" class="editIcon" @click="editClk(1)" />
+            <van-icon name="close" class="editIcon" @click="editClk(1)" />
           </div>
           <div v-else class="userInfo l-flex-between">
             <span class="userInfoLeft">{{ $t("user.phoneNumber") }}: </span>
@@ -60,18 +60,20 @@
             <span class="userInfoLeft">{{ $t("user.mailbox") }}: </span>
             <div>
               <van-field class="relationClass" v-model="cofficentForm.mailBox" :placeholder="$t('user.mailboxPlace')">
+                <!-- 邮箱修改按钮 -->
                 <template #button>
                   <van-button type="primary" @click="mailboxChg(cofficentForm.mailBox, 2)" size="small">{{ $t("user.confirmLog") }}
                   </van-button>
                 </template>
               </van-field>
             </div>
-            <van-icon name="edit" class="editIcon" @click="editClk(2)" />
+            <van-icon name="close" class="editIcon" @click="editClk(2)" />
           </div>
           <div v-else class="userInfo l-flex-between">
             <span class="userInfoLeft">{{ $t("user.mailbox") }}: </span>
             <span>{{ accountDetail.email }}</span>
-            <van-icon name="edit" class="editIcon" @click="editClk(2)" />
+            <!-- 编辑按钮 -->
+            <!-- <van-icon name="edit" class="editIcon" @click="editClk(2)" /> -->
           </div>
 
           <!-- 支付宝账号 payeeCode -->