首页添加提示弹框

App.vue

@@ -51,6 +51,10 @@
 				uni.removeStorageSync("storePopShow")
 			}
 			
+			if(uni.getStorageSync("popupTipStatus")){
+				uni.removeStorageSync("popupTipStatus")
+			}
+			
 			uni.getSystemInfo({
 				success: (e) => {
 					Vue.prototype.screenHeight = e.screenHeight;

pages/index/index.vue

@@ -243,7 +243,24 @@
 			</view>
 		</uni-popup>
 
-
+        <uni-popup ref="popupTip" type="center" :isMaskClick = "false">
+        		<view class="flex-col content-tip">
+        			<view class="title">
+        				<text class="text-black text-xl text-bold">温馨提示</text>
+        			</view>
+        			<view class="content">
+        				<text class="text-black text-lg">欢迎来到凑角自助共享棋牌,凑角品牌致力于打造环境舒适、风格独特的棋牌共享空间，门店24小时无人值守，房间使用期间，如有问题请联系门店客服，将一对一为您服务。
+本空间使用者需遵守治安管理条列，注意个人安全，违者自行承担相应责任及后果:
+一、严禁未成年人进入本场所
+二、严禁黄、赌、毒
+三、本所提供的设备设施，损坏需照价赔偿
+四、本店为自助共享空间,需自行保管好私人物品，如有遗失，概不负责</text>
+        			</view>
+					<view class="btn-box">
+						<button class="cu-btn  bg-pink block" @tap="onCloseTip">好的 知道了</button>
+					</view>
+        		</view>
+        </uni-popup>
 		<!-- <LoginPop ref="loginPop" /> -->
 		<f-tabbar></f-tabbar>
 	</view>
@@ -377,6 +394,10 @@
 
 		},
 		onLoad(option) {
+			if(!uni.getStorageSync("popupTipStatus")){
+				this.$refs.popupTip.open();
+			}
+			
 			this.list = [];
 			this.onGetDicts();
 			this.onSetShowPoint();
@@ -385,6 +406,10 @@
 			// this.$refs.loginPop.open();
 		},
 		methods: {
+			onCloseTip(){
+				this.$refs.popupTip.close();
+				uni.setStorageSync("popupTipStatus", true)
+			},
 			onStoreChage(id) {
 				uni.setStorageSync("storeId", id);
 				this.onStoreClose(false);
@@ -1537,4 +1562,27 @@
 			padding: 0 2% 3%;
 		}
 	}
+	.content-tip{
+		display: flex;
+		flex-direction: column;
+		background-color: #ffffff;
+		width: 92%;
+		margin: 0 auto;
+		border-radius: 20upx;
+		box-shadow: 0 8upx 20upx rgba(185, 75, 112, 0.7);
+		.title{
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			padding: 24upx 0;
+			border-bottom: 1px solid rgba(185, 75, 112, 0.7);
+		}
+		.content{
+			padding: 20upx 30upx;
+		}
+		.btn-box{
+			width: 90%;
+			margin: 24upx auto 30upx;
+		}
+	}
 </style>
\ No newline at end of file