账号与安全

src/styles/app.less

@@ -4,7 +4,7 @@
     --van-tabbar-background-color: @bg;
     --van-nav-bar-background-color: #191d27;
     --van-cell-background-color: @bg;
-    --van-text-color: @text0;
+    --van-text-color: #fff;
     --van-gray-6: @text3;
     --van-gray-3: @bg3;
     --van-tabbar-item-active-color: @textP;
@@ -17,7 +17,7 @@
     --van-tabs-bottom-bar-color: @prim;
     --van-tab-active-text-color: @prim;
     --van-tab-disabled-text-color: #fff;
-    --van-cell-border-color: @bg3;
+    --van-cell-border-color: #979797;
     --van-cell-background-color: transparent;
     --van-cell-group-background-color: transparent;
     --van-font-size-lg: 14px;
@@ -202,7 +202,7 @@ input:-webkit-autofill {
 .van-button--primary {
     // background: linear-gradient(135deg, @prim 0%, #ff8f3e 100%);
     border-width: 0;
-    color: @btnText;
+    color: #503a1e;
 }
 
 .popup-content {

src/views/Mine.vue

@@ -92,7 +92,7 @@
             </div>
             <!-- 展示列表 -->
             <div class="display_list">
-                <div class="display_list_con" @click="$router.push('/security')">
+                <div class="display_list_con" @click="$router.push('/setting')">
                     <div class="display_list_con_one">
                         <img :src="require('@assets/icon1.png')" alt="" class="display_list_con_displayIcon" />
                         <div class="display_list_con_title">账户与安全</div>

src/views/account/ChangeText.vue

@@ -1,25 +1,19 @@
 <template>
     <div class="change">
-        <div class="title">{{ type === 'nickname' ? '昵称' : '简介' }}</div>
+        <div class="title">{{ type === 'nickname' ? '我的昵称' : '简介' }}</div>
         <van-field
             v-model="message"
             :rows="type === 'nickname' ? 1 : 4"
-            type="textarea"
-            :maxlength="type === 'nickname' ? 10 : 50"
+            :type="type === 'nickname' ? 'text' : 'textarea'"
+            :maxlength="type === 'nickname' ? 12 : 50"
             :placeholder="type === 'nickname' ? '请输入昵称' : '请添加介绍，让大家了解你'"
             show-word-limit
             clearable
+            :border="false"
         />
+        <div class="tips" v-if="type === 'nickname'">支持2-12位中英文、数字</div>
         <div class="btn">
-            <van-button
-                type="primary"
-                block
-                round
-                :disabled="!message"
-                :color="`linear-gradient(to right, ${$colors.prim}, ${$colors.warn})`"
-                @click="save"
-                >保存</van-button
-            >
+            <van-button type="primary" block :disabled="!message" @click="save">保存</van-button>
         </div>
     </div>
 </template>
@@ -56,9 +50,29 @@ export default {
 
 <style lang="less" scoped>
 .title {
-    padding: 23px 16px;
+    padding: 23px 16px 0;
+    font-size: 13px;
+    color: #ffffff44;
+    line-height: 18px;
 }
 .btn {
     padding: 100px 50px;
 }
+.van-cell {
+    color: #fff;
+    /deep/.van-field__control {
+        color: #fff;
+    }
+}
+/deep/.van-field__word-limit {
+    border-top: 1px solid #ffffff10;
+    padding-top: 10px;
+}
+.tips {
+    font-size: 12px;
+    color: #ffffff44;
+    line-height: 18px;
+    padding: 0 16px;
+    margin-top: -26px;
+}
 </style>

src/views/account/Setting.vue

@@ -30,9 +30,12 @@
         </van-cell-group>
         <van-cell-group :border="false">
             <van-cell title="手机号码" :value="showPhone" />
-            <van-cell title="实名认证" is-link :value="userInfo.phone">
+            <van-cell title="实名认证" is-link :value="userInfo.phone" @click.stop="goAuth">
                 <template #value>
-                    <div class="value-text">
+                    <div class="value-text" v-if="authStatus !== '已认证'">
+                        <span>未认证</span>
+                    </div>
+                    <div class="value-text" v-else>
                         <img src="@assets/ok.png" alt="" />
                         <span>已认证</span>
                     </div>
@@ -98,6 +101,13 @@ export default {
                 }
             );
         },
+        goAuth() {
+            if (this.authStatus === '认证中' || this.authStatus === '认证失败') {
+                this.$router.push('/waiting');
+            } else if (this.authStatus === '未认证') {
+                this.$router.push('/verified');
+            }
+        },
         chooseSex(val) {
             this.updateUser({ sex: val.name });
         },
@@ -153,7 +163,7 @@ export default {
     height: 100%;
     position: absolute;
     background: @bg;
-    padding:20px 16px;
+    padding: 20px 16px;
     box-sizing: border-box;
     .edit_data {
         font-size: 20px;

src/views/account/TradingPassword.vue

@@ -3,15 +3,15 @@
         <div class="tabs">修改交易密码</div>
         <van-form v-if="step === 0" @submit="next">
             <div class="transaction_tips">
-                <div class="transaction_tips_phone">{{phone}}</div>
+                <div class="transaction_tips_phone">{{ phone }}</div>
                 <div class="transaction_tips_con">修改交易密码需先验证当前手机号</div>
             </div>
             <div class="login_information">
-                <img
+                <!-- <img
                     :src="require('@assets/verification_code.png')"
                     alt=""
                     class="login_information_img login_information_img_con"
-                />
+                /> -->
                 <van-field
                     v-model="form.code"
                     :maxlength="4"
@@ -36,12 +36,7 @@
             </div>
             <van-divider class="login_divider" />
             <div>
-                <van-button
-                    native-type="submit"
-                    class="sure"
-                    color="#28B6FF"
-                    >确认修改</van-button
-                >
+                <van-button native-type="submit" class="sure" type="primary">确认修改</van-button>
             </div>
         </van-form>
         <van-form v-else ref="form" @submit="submit">
@@ -73,12 +68,7 @@
                 />
             </div>
             <div>
-                <van-button
-                    native-type="submit"
-                    class="suretwo"
-                    color="#28B6FF"
-                    >确定修改</van-button
-                >
+                <van-button native-type="submit" class="suretwo" type="primary">确定修改</van-button>
             </div>
         </van-form>
     </div>
@@ -224,7 +214,7 @@ export default {
         padding: 0;
     }
     .login_information_con {
-        width: 250px;
+        // width: 250px;
         // height: 24px;
         background: @bg;
         overflow: visible;
@@ -233,14 +223,10 @@ export default {
         background-color: @bg;
         border: none;
         font-size: 12px;
-        font-family: PingFangSC-Regular, PingFang SC;
-        font-weight: 400;
-        color: #28b6ff;
-        margin-right: -20px;
     }
 }
 .login_divider {
-    padding: 7px 0px 30px 29px;
+    padding: 7px 0px 30px 0;
     box-sizing: border-box;
     // background: #5F646F;
     // opacity: 0.2;
@@ -254,7 +240,7 @@ export default {
     font-family: PingFangSC-Medium, PingFang SC;
     font-weight: 500;
 }
-.suretwo{
+.suretwo {
     width: 100%;
     margin-top: 60px;
     height: 40px;
@@ -303,7 +289,7 @@ export default {
 /deep/ [class*='van-hairline']:after {
     border: none;
 }
-/deep/ .van-password-input__security i{
+/deep/ .van-password-input__security i {
     background-color: #fff !important;
 }
 </style>