|  |  | @@ -3,12 +3,19 @@ | 
		
	
		
			
			|  |  |  | <div class="logoBox"> | 
		
	
		
			
			|  |  |  | <img src="../../assets/img/logoh.png" class="logo" @click="go('/')" /> | 
		
	
		
			
			|  |  |  | <div class="userInfo"> | 
		
	
		
			
			|  |  |  | <div @click="go('/myPage')">用户名</div> | 
		
	
		
			
			|  |  |  | <img | 
		
	
		
			
			|  |  |  | class="userImg" | 
		
	
		
			
			|  |  |  | src="../../assets/img/user center.png" | 
		
	
		
			
			|  |  |  | @click="go('/myPage')" | 
		
	
		
			
			|  |  |  | /> | 
		
	
		
			
			|  |  |  | <div class="nickName" @click="go('/myPage')">用户名</div> | 
		
	
		
			
			|  |  |  | <div class="userModel"> | 
		
	
		
			
			|  |  |  | <img | 
		
	
		
			
			|  |  |  | class="userImg" | 
		
	
		
			
			|  |  |  | src="../../assets/img/user_black.png" | 
		
	
		
			
			|  |  |  | @click="go('/myPage')" | 
		
	
		
			
			|  |  |  | /> | 
		
	
		
			
			|  |  |  | <img | 
		
	
		
			
			|  |  |  | class="userImg" | 
		
	
		
			
			|  |  |  | src="../../assets/img/loginOut.png" | 
		
	
		
			
			|  |  |  | @click="loginOut()" | 
		
	
		
			
			|  |  |  | /> | 
		
	
		
			
			|  |  |  | </div> | 
		
	
		
			
			|  |  |  | </div> | 
		
	
		
			
			|  |  |  | </div> | 
		
	
		
			
			|  |  |  | </div> | 
		
	
	
		
			
				|  |  | @@ -17,8 +24,8 @@ | 
		
	
		
			
			|  |  |  | <script> | 
		
	
		
			
			|  |  |  | import Vue from "vue"; | 
		
	
		
			
			|  |  |  | import { mapState, mapActions } from "vuex"; | 
		
	
		
			
			|  |  |  | import { Toast } from "vant"; | 
		
	
		
			
			|  |  |  | import baseUrl from "../../api/baseUrl"; | 
		
	
		
			
			|  |  |  | import { Toast, Dialog } from "vant"; | 
		
	
		
			
			|  |  |  | import { doLoginOut } from "../../api/login"; | 
		
	
		
			
			|  |  |  | 
 | 
		
	
		
			
			|  |  |  | Vue.use(Toast); | 
		
	
		
			
			|  |  |  | export default { | 
		
	
	
		
			
				|  |  | @@ -37,6 +44,27 @@ export default { | 
		
	
		
			
			|  |  |  | go(url) { | 
		
	
		
			
			|  |  |  | this.$router.push(url); | 
		
	
		
			
			|  |  |  | }, | 
		
	
		
			
			|  |  |  | loginOut() { | 
		
	
		
			
			|  |  |  | Dialog.confirm({ | 
		
	
		
			
			|  |  |  | title: "退出登录", | 
		
	
		
			
			|  |  |  | message: "您确定要退出登录吗?", | 
		
	
		
			
			|  |  |  | }) | 
		
	
		
			
			|  |  |  | .then(() => { | 
		
	
		
			
			|  |  |  | this.goLoginOut(); | 
		
	
		
			
			|  |  |  | }) | 
		
	
		
			
			|  |  |  | .catch(() => { | 
		
	
		
			
			|  |  |  | return; | 
		
	
		
			
			|  |  |  | }); | 
		
	
		
			
			|  |  |  | }, | 
		
	
		
			
			|  |  |  | async goLoginOut() { | 
		
	
		
			
			|  |  |  | try { | 
		
	
		
			
			|  |  |  | const res = await doLoginOut(); | 
		
	
		
			
			|  |  |  | this.$router.push("/login"); | 
		
	
		
			
			|  |  |  | } catch (error) { | 
		
	
		
			
			|  |  |  | console.log(error, "error"); | 
		
	
		
			
			|  |  |  | Toast.fail(error.message); | 
		
	
		
			
			|  |  |  | } | 
		
	
		
			
			|  |  |  | }, | 
		
	
		
			
			|  |  |  | }, | 
		
	
		
			
			|  |  |  | created() {}, | 
		
	
		
			
			|  |  |  | }; | 
		
	
	
		
			
				|  |  | @@ -60,14 +88,23 @@ export default { | 
		
	
		
			
			|  |  |  | display: flex; | 
		
	
		
			
			|  |  |  | justify-content: space-between; | 
		
	
		
			
			|  |  |  | align-items: center; | 
		
	
		
			
			|  |  |  | color: #fff; | 
		
	
		
			
			|  |  |  | .userImg { | 
		
	
		
			
			|  |  |  | float: right; | 
		
	
		
			
			|  |  |  | width: 30px; | 
		
	
		
			
			|  |  |  | height: 30px; | 
		
	
		
			
			|  |  |  | margin-top: 3px; | 
		
	
		
			
			|  |  |  | color: #000000; | 
		
	
		
			
			|  |  |  | .nickName { | 
		
	
		
			
			|  |  |  | position: relative; | 
		
	
		
			
			|  |  |  | top: 1px; | 
		
	
		
			
			|  |  |  | font-weight: 600; | 
		
	
		
			
			|  |  |  | font-size: 13px; | 
		
	
		
			
			|  |  |  | margin-right: 15px; | 
		
	
		
			
			|  |  |  | } | 
		
	
		
			
			|  |  |  | .userModel { | 
		
	
		
			
			|  |  |  | position: relative; | 
		
	
		
			
			|  |  |  | top: 3px; | 
		
	
		
			
			|  |  |  | margin-right: 10px; | 
		
	
		
			
			|  |  |  | margin-left: 15px; | 
		
	
		
			
			|  |  |  | .userImg { | 
		
	
		
			
			|  |  |  | width: 30px; | 
		
	
		
			
			|  |  |  | height: 30px; | 
		
	
		
			
			|  |  |  | margin-right: 2px; | 
		
	
		
			
			|  |  |  | } | 
		
	
		
			
			|  |  |  | } | 
		
	
		
			
			|  |  |  | } | 
		
	
		
			
			|  |  |  | } | 
		
	
	
		
			
				|  |  | 
 |