设置

src/styles/app.less

@@ -39,6 +39,9 @@
     --van-field-label-color: #aaabad;
     --van-search-action-padding: 0 16px;
     --van-popover-dark-background-color: #15152d;
+    --van-dialog-background-color: #1e222c;
+    --van-button-default-background-color: transparent;
+    --van-dialog-message-font-size: 17px;
 }
 
 [contenteditable='true'],
@@ -93,7 +96,8 @@ input:-webkit-autofill {
 }
 
 .van-dialog {
-    color: #000;
+    color: #ffffff;
+    font-size: 17px;
 }
 
 .flex1 {
@@ -107,10 +111,10 @@ input:-webkit-autofill {
         padding-top: 20px;
     }
     .van-hairline--left::after {
-        border-color: #f2f4f5;
+        border-color: #97979720;
     }
     .van-hairline--top::after {
-        border-color: #f2f4f5;
+        border-color: #97979720;
     }
 
     .van-dialog__message--has-title {
@@ -119,11 +123,13 @@ input:-webkit-autofill {
 }
 .van-dialog__footer {
     .van-button--default {
-        color: #626366;
+        font-size: 17px;
+        color: #ffffff;
     }
     .van-dialog__confirm {
         .van-button__text {
-            color: #ff4f50;
+            font-size: 17px;
+            color: #fe2c5570;
         }
     }
 }

src/views/account/Setting.vue

@@ -27,6 +27,17 @@
                 :border="false"
                 :value="userInfo.intro || 'TA还什么都没有留下～'"
             />
+            <van-cell title="背景图片" is-link>
+                <template #value>
+                    <van-image
+                        round
+                        width="40"
+                        height="40"
+                        :src="userInfo.bg || require('@assets/bg.png')"
+                        fit="cover"
+                    />
+                </template>
+            </van-cell>
         </van-cell-group>
         <van-cell-group :border="false">
             <van-cell title="手机号码" :value="showPhone" />
@@ -53,9 +64,9 @@
                 </template>
             </van-cell>
         </van-cell-group>
-    </div>
-    <div class="edit_return">
-        <div class="edit_return_con" @click="$router.go(-1)">返回</div>
+        <div class="edit_return">
+            <div class="edit_return_con" @click="logout">退出登录</div>
+        </div>
     </div>
 </template>
 
@@ -148,6 +159,17 @@ export default {
                     this.clickNum = 0;
                 }, 1000);
             }
+        },
+        logout() {
+            this.$dialog
+                .confirm({
+                    message: '确认要退出登录吗?',
+                    confirmButtonText: '退出登录'
+                })
+                .then(() => {
+                    localStorage.removeItem('nineToken');
+                    this.$router.go(-1);
+                });
         }
     }
 };
@@ -278,20 +300,18 @@ export default {
 .edit_return {
     width: 100%;
     height: 56px;
-    background: #15152d;
-    position: fixed;
-    bottom: 0;
-    padding: 8px 16px;
+    // background: #15152d;
+    // position: fixed;
+    padding: 60px 0 20px;
     box-sizing: border-box;
     .edit_return_con {
-        height: 40px;
-        background: #29293f;
+        height: 50px;
+        background: @bg2;
         border-radius: 8px;
         font-size: 16px;
-        font-family: PingFangSC-Medium, PingFang SC;
-        font-weight: 500;
-        color: #939599;
-        line-height: 40px;
+        font-weight: bold;
+        color: #86333a;
+        line-height: 50px;
         text-align: center;
     }
 }