新增禁用弹窗

components/disable-mask/disable-mask.vue

@@ -0,0 +1,69 @@
+<template>
+	<view class="container">
+		<view class="dialog">
+			<view class="title">
+				<text class="t">风险提示</text>
+			</view>
+			<view class="content">
+				<text class="t">您的账号暂不可用，详情请联系客服</text>
+			</view>
+			<view class="footer">
+				<navigator class="btn" url="/pages/me/contact" style="height: 40px">
+					<text class="t">去联系客服</text>
+				</navigator>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script></script>
+
+<style scoped lang="scss">
+.container {
+	width: 100%;
+	height: 100%;
+	position: fixed;
+	top: 0;
+	left: 0;
+	z-index: 99999999;
+	background-color: rgba(0, 0, 0, 0.6);
+	backdrop-filter: blur(3px);
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	.dialog {
+		width: 90%;
+		background-color: #fff;
+		border-radius: 20upx;
+		.title {
+			height: 100upx;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			.t {
+				font-size: 32upx;
+				font-weight: bold;
+			}
+		}
+		.content {
+			padding: 0 50upx;
+		}
+		.footer {
+			padding: 80upx 28upx 28upx;
+			display: flex;
+			.btn {
+				flex: 1;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				background-color: #dd8591;
+				color: #fff;
+				border-radius: 12upx;
+				.t {
+					font-size: 28upx;
+				}
+			}
+		}
+	}
+}
+</style>