页面添加退出登录

大唐会议前台1/App.vue

@@ -29,7 +29,12 @@
 	span {
 		font-size: 16px;
 	}
-
+/deep/.u-modal{
+		background: #ffffff;
+	}
+	/deep/.u-modal__content__text span{
+		font-size: 20px;
+	}
 	.avatarobx {
 		top: 16px;
 		right: 16px;

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

@@ -12,6 +12,7 @@
 					</view>
 				</view>
 			</view>
+			<u-modal v-if="show" :show="show" @cancel="show = false" :showCancelButton="true" content='是否确认退出登录？' @confirm="handleOut"></u-modal>
 		</view>
 		<!-- 底部背景图 -->
 		<view class="view-backimg">
@@ -20,8 +21,9 @@
 		</view>
 		<!-- 头像 - 头像 -->
 		<view class="avatarobx">
-			<view class="view-out" @click="handleOut">退出登录</view>
 			<image class="avatar" src='../../imgs/tx.png' mode="widthFix" ></image>
+			<view class="name">{{userName}}</view>
+			<view class="view-out" @click="show = true">退出登录</view>
 		</view>
 	</view>
 </template>
@@ -43,7 +45,9 @@
 		data() {
 			return {
 				listData: [],
-				data: []
+				data: [],
+				userName: uni.getStorageSync("userName"),
+				show: false
 			};
 		},
 
@@ -102,6 +106,9 @@
 </script>
 
 <style lang="scss" scoped>
+	/deep/ .u-modal__content{
+		text-align: center;
+	}
 	.avatar{
 	}
 	.view-box {

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

@@ -16,6 +16,7 @@
 				</view>
 				<view v-if="!listData.length" class="view-none"> 暂无会议 </view>
 			</view>
+			<u-modal v-if="show" :show="show" @cancel="show = false" :showCancelButton="true" content='是否确认退出登录？' @confirm="handleOut"></u-modal>
 		</view>
 		<!-- 底部背景图 -->
 		<view class="view-backimg">
@@ -26,10 +27,9 @@
 		<view class="avatarobx">
 			<image class="avatar" src='../../imgs/tx.png' mode="widthFix" ></image>
 			<view class="name">{{userName}}</view>
-			
-			<view class="view-out" @click="handleOut">退出登录</view>
-			
+			<view class="view-out" @click="show = true">退出登录</view>
 		</view>
+		
 	</view>
 </template>
 
@@ -45,7 +45,9 @@
 		data() {
 			return {
 				listData: [],
-				userName: uni.getStorageSync("userName")
+				userName: uni.getStorageSync("userName"),
+				show: false
+				
 			};
 		},
 		created() {
@@ -95,7 +97,9 @@
 
 <style lang="scss" scoped>
 	
-	
+	/deep/ .u-modal__content{
+		text-align: center;
+	}
 	.view-box{
 		margin-top:50px ;
 	}

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

@@ -10,17 +10,13 @@
 					</pdf>
 				</view>
 			</view>
+		<u-modal v-if="show" :show="show" @cancel="show = false" :showCancelButton="true" content='是否确认退出登录？' @confirm="handleOut"></u-modal>
 		</view>
 		<!-- 底部背景图 -->
 		<view class="view-backimg">
 			<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>
 		<div class="tools">
 			<view style="width:50vw;display: flex;margin: auto;">
 				<button :theme="'default'" type="submit" @click.stop="prePage" class="mr10">
@@ -31,8 +27,13 @@
 					下一页
 				</button>
 			</view>
-		
 		</div>
+		<!-- 头像 - 头像 -->
+		<view class="avatarobx">
+			<image class="avatar" src='../../imgs/tx.png' mode="widthFix" ></image>
+			<view class="name">{{userName}}</view>
+			<view class="view-out" @click="show = true">退出登录</view>
+		</view>
 	</view>
 </template>
 
@@ -51,7 +52,9 @@
 				// 加载进度
 				loadedRatio: 0,
 				curPageNum: 0,
-				filePdfUrl: ''
+				filePdfUrl: '',
+				userName: uni.getStorageSync("userName"),
+				show: false
 			};
 		},
 		created() {
@@ -106,6 +109,9 @@
 </script>
 
 <style lang="scss" scoped>
+	/deep/ .u-modal__content{
+		text-align: center;
+	}
 	.popup-close {
 		position: fixed;
 		right: 20px;

大唐会议前台1/pages/user/login.vue

@@ -174,12 +174,7 @@
 </script>
 
 <style lang="scss" scoped>
-	/deep/.u-modal{
-		background: #ffffff;
-	}
-	/deep/.u-modal__content__text span{
-		font-size: 20px;
-	}
+	
 	.view-form {
 		width: 80%
 	}