logout

src/project/wuxi/AppMine/AppMine.vue

@@ -46,6 +46,9 @@
         </div>
       </div>
     </div>
+    <div class="logout" v-if="token">
+      <b class="login-out" @click="onLogout">退出登录</b>
+    </div>
     <AiLogin ref="login" @success="getAuth()"/>
   </div>
 </template>
@@ -150,7 +153,22 @@ export default {
       this.$nextTick(() => {
         this.token && this.getUserInfo()
       })
-    }
+    },
+    onLogout() {
+      uni.showModal({
+        title: '提示',
+        content: "是否要退出登录",
+        success: res => {
+          if (res.confirm) {
+            this.$store.commit('logout')
+            this.$toast('退出成功');
+            setTimeout(() => {
+              this.getAuth();
+            }, 500)
+          }
+        }
+      })
+    },
   },
   onShow() {
     this.getAuth();
@@ -348,5 +366,20 @@ export default {
     }
   }
 
+  .logout {
+    width: 100%;
+    height: 96px;
+    padding: 0 32px;
+    box-sizing: border-box;
+    line-height: 96px;
+    text-align: center;
+    .login-out {
+      background: #FFF;
+      border-radius: 16px;
+      font-size: 34px;
+      font-weight: 500;
+      color: #4181FF;
+    }
+  }
 }
 </style>