增加未认证弹窗

pages/home.vue

@@ -29,8 +29,17 @@
 			<view class="gtlinks">快速跳转</view>
 		</view>
 
+		<!-- 提醒认证 -->
+		<view class="verify_notice" v-if="!hasverify">
+			<image class="vn-img" src="../static/error.svg"/>
+			<view class="vn-txt">
+				根据国家法律法规，已经注册成功的用户，需要先上传登记实名信息认证后，方可使用服务中心相关功能
+			</view>
+			<view class="vn-btn">前往认证</view>
+		</view>
+		
 		<!-- 服务内容 -->
-		<view class="fwnr">
+		<view class="fwnr" v-else="hasverify">
 			<!-- // first -->
 			<view class="fw-one">
 				<view class="fwo-item">
@@ -144,17 +153,25 @@
 							<view class="item-name">系统帮助</view>
 						</view>
 					</block>
+					<!-- 系统信息 -->
+					<block>
+						<view class="service-item">
+							<view class="item-icon">
+								<image class="icon-img" src="../static/t_xtxx.svg"></image>
+							</view>
+							<view class="item-name">系统信息</view>
+						</view>
+					</block>
 				</view>
 
 			</view>
-			<!-- LOGOUT -->
-			<!-- 退出登录 -->
-			<view v-if="isLogin" class="my-logout">
-				<view class="logout-btn" @click="handleLogout()">
-					<text>退出登录</text>
-				</view>
+		</view>
+		<!-- LOGOUT -->
+		<!-- 退出登录 -->
+		<view v-if="isLogin" class="my-logout">
+			<view class="logout-btn" @click="handleLogout()">
+				<text>退出登录</text>
 			</view>
-
 		</view>
 	</view>
 </template>
@@ -306,6 +323,7 @@
 		position: absolute;
 		top: 400rpx;
 		left: 5%;
+		z-index: 90;
 		width: 90%;
 		height: 88rpx;
 		background-color: #FEBD45;
@@ -337,11 +355,42 @@
 		}
 	}
 
+//提醒
+.verify_notice{
+	background: rgba(0,0,0,0.8);
+	width: 100%;
+	height: 82vh;
+	max-height: 82vh;
+	padding-top: 100rpx;
+	text-align: center;
+	z-index: 90;
+	background-image: url("../static/vn_bg.png");
+	background-repeat: repeat-x;
+	background-position: bottom;
+	
+	.vn-img{
+		text-align: center;
+		margin-top: 130rpx;
+		width: 260rpx;
+		height: 260rpx;
+	}
+	
+	.vn-txt{
+		margin-top: 30rpx;
+		color: #F4F4F4;
+		font-size: 32rpx;
+		text-align: center;
+		line-height: 1.6;
+		padding-left: 20rpx;
+		padding-right: 20px;
+	}
+}
+
 	// 服务内容
 	.fwnr {
 		margin-top: 60rpx;
 		background-color: #f4f4f4;
-		min-height: 82vh;
+		height: 82vh;
 
 		//
 		.fw-one {
@@ -489,19 +538,23 @@
 
 	// 退出登录
 	.my-logout {
-		display: flex;
-		justify-content: center;
+		// display: flex;
+		// justify-content: center;
 		margin-top: 50rpx;
+		position: fixed;
+		bottom: 10rpx;
+		z-index: 100;
+		width: 100%;
 
 		.logout-btn {
-			width: 60%;
+			width: 100%;
 			margin: 0 auto;
 			font-size: 28rpx;
 			color: #fff;
 			background-color: #0F476E;
-			border-radius: 20rpx;
-			border: 1px solid #dcdcdc;
-			padding: 16rpx 0;
+			// border-radius: 20rpx;
+			// border: 1px solid #dcdcdc;
+			padding: 24rpx 0;
 			text-align: center;
 		}
 	}

static/t_xtxx.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="64 64 896 896" width="30" height="30" style="border-color: rgba(0,0,0,0);border-width: bpx;border-style: undefined" filter="none">
+    
+    <g>
+    <path d="M928 160H96c-17.7 0-32 14.3-32 32v640c0 17.7 14.3 32 32 32h832c17.7 0 32-14.3 32-32V192c0-17.7-14.3-32-32-32zm-80.8 108.9L531.7 514.4c-7.8 6.1-18.7 6.1-26.5 0L189.6 268.9A7.2 7.2 0 0 1 194 256h648.8a7.2 7.2 0 0 1 4.4 12.9z" fill="rgba(16.065,70.89,109.905,1)"></path>
+    </g>
+  </svg>