Browse Source

chore[litemall-vue]: 退出按钮移到用户配置页面

Junling Bu 6 years ago
parent
commit
cc2fb64a6e

+ 2 - 4
litemall-vue/src/views/user/tabbar-user-header.vue

@@ -41,7 +41,7 @@ export default {
         'nickName',
         'avatar'
       );
-      this.avatar = avatar_default;
+      this.avatar = infoData.avatar || avatar_default;
       this.nickName = infoData.nickName || '昵称';
     },
     toSetting() {
@@ -53,17 +53,15 @@ export default {
 
 <style lang="scss" scoped>
 .user_header {
-  position: relative;
   background-repeat: no-repeat;
   background-size: cover;
   height: 130px;
-  box-sizing: border-box;
   text-align: center;
   color: #fff;
   padding-top: 30px;
 }
 
-i.user_set {
+.user_set {
   position: absolute;
   top: 10px;
   right: 10px;

+ 0 - 8
litemall-vue/src/views/user/tabbar-user.vue

@@ -4,7 +4,6 @@
     <order-group/>
     <coupon-group/>
     <user-module/>
-    <van-button size="large" class="tabbar-user__quit" v-if="isLogin" @click="quit">退出当前账户</van-button>
   </div>
 </template>
 
@@ -14,9 +13,6 @@ import orderGroup from './tabbar-user-order';
 import couponGroup from './tabbar-user-coupon';
 import userModule from './tabbar-user-module';
 
-import { removeLocalStorage } from '@/utils/local-storage';
-import { authLogout } from '@/api/api';
-
 export default {
   data() {
     return {
@@ -29,10 +25,6 @@ export default {
   },
 
   methods: {
-    quit() {
-      authLogout();
-      this.$router.push({ name: 'login' });
-    },
     getLoginStatus() {
       this.isLogin =
         !!localStorage.getItem('Authorization');

+ 13 - 3
litemall-vue/src/views/user/user-information-set/index.vue

@@ -19,7 +19,9 @@
       <van-cell title="密码设置" to="/user/information/setPassword" isLink/>
       <van-cell title="手机号" to="/user/information/setMobile" :value="mobile" isLink></van-cell>
     </van-cell-group>
-    <van-button class="bottom_btn" @click="loginOut" type="primary" bottomAction>退出登录</van-button>
+
+    <van-button size="large" class="user_quit" @click="loginOut">退出当前账户</van-button>
+
     <van-popup v-model="showSex" position="bottom">
       <van-picker
         showToolbar
@@ -82,8 +84,13 @@ export default {
       })
     },
     loginOut() {
-      authLogout();
-      this.$router.push({ name: 'home' });
+      authLogout().then(res => {
+        removeLocalStorage('Authorization')
+        removeLocalStorage('avatar')
+        removeLocalStorage('nickName')
+        this.$router.push({ name: 'home' });
+      });
+
     }
   },
 
@@ -117,5 +124,8 @@ export default {
       color: $border-color;
     }
   }
+  .user_quit {
+    margin-top: 20px;
+  }
 }
 </style>