前台右上角添加退出登录

大唐会议前台1/App.vue

@@ -30,6 +30,30 @@
 		font-size: 16px;
 	}
 
+	.avatarobx {
+		top: 20px;
+		right: 20px;
+		position: fixed;
+		display: flex;
+		align-items: center;
+		color: #fff;
+
+		.view-out {
+			margin-right: 10px;
+		}
+
+		.avatar {
+			border-radius: 6px;
+			width: 30px;
+			height: 30px
+		}
+
+		.out {
+			width: 30px;
+			height: 30px
+		}
+	}
+
 	.view-backimg {
 		position: fixed;
 		top: 0;

大唐会议前台1/manifest.json

@@ -140,7 +140,7 @@
                 "enable" : false
             }
         },
-        "title" : "认知训练",
+        "title" : "神头发电会议系统",
         "sdkConfigs" : {
             "maps" : {
                 "qqmap" : {

大唐会议前台1/pages/index/details.vue

@@ -19,9 +19,10 @@
 			<view class="view-backimg-bottom"></view>
 		</view>
 		<!-- 头像 - 头像 -->
-		<!-- <view class="avatar">  
-			<u-avatar></u-avatar>
-		</view> -->
+		<view class="avatarobx">
+			<view class="view-out" @click="handleOut">退出登录</view>
+			<image class="avatar" src='../../imgs/tx.png' mode="widthFix" ></image>
+		</view>
 	</view>
 </template>
 
@@ -53,6 +54,13 @@
 			this.getMeetingDetails(curParam.id) //获取会议列表
 		},
 		methods: {
+			// 退出登录
+			handleOut(){
+				uni.clearStorage();
+				uni.reLaunch({
+					url: '/pages/user/login',
+				});
+			},
 			// logo 回到首页
 			handleLogo() {
 				// uni.navigateTo({

大唐会议前台1/pages/index/index.vue

@@ -22,7 +22,11 @@
 			<view class="view-backimg-top"></view>
 			<view class="view-backimg-bottom"></view>
 		</view>
-		
+		<!-- 头像 - 头像 -->
+		<view class="avatarobx">
+			<view class="view-out" @click="handleOut">退出登录</view>
+			<image class="avatar" src='../../imgs/tx.png' mode="widthFix" ></image>
+		</view>
 	</view>
 </template>
 
@@ -44,6 +48,13 @@
 			this.getQueryMeeting() //获取会议列表
 		},
 		methods: {
+			// 退出登录
+			handleOut(){
+				uni.clearStorage();
+				uni.reLaunch({
+					url: '/pages/user/login',
+				});
+			},
 			// logo 回到首页
 			handleLogo(){
 				uni.navigateTo({
@@ -79,6 +90,8 @@
 </script>
 
 <style lang="scss" scoped>
+	
+	
 	.view-box{
 		margin-top:50px ;
 	}