用户信息收集

pages.json

@@ -12,6 +12,18 @@
 				"navigationBarTextStyle": "white"
 			}
 		},
+		{
+			"path": "pages/test/index",
+			"style": {
+				"navigationStyle": "custom"
+			}
+		},
+		{
+			"path": "pages/test/main",
+			"style": {
+				"navigationStyle": "custom"
+			}
+		},
 		{
 			"path": "pages/oaHome/homeTaskDetail",
 			"style": {

pages/oaHome/oaHome.vue

@@ -17,7 +17,7 @@
 					<u--image :showLoading="true" width="134rpx" height="134rpx"
 						:src="myOaInfo.avatar || '../../static/img/public/avatar.png'" shape="circle"></u--image>
 				</view>
-				<view class="identity">
+				<view class="identity" @click="navgo('/pages/test/index') ">
 					身份：{{ myOaInfo.user_role_name}}
 				</view>
 

pages/test/main.vue

@@ -0,0 +1,71 @@
+<template>
+
+	<view class="box">
+
+		<!-- <view class="bg">
+
+		</view> -->
+		<u--image src="/static/test/bg.png" width="750rpx" height="660rpx" style="position: absolute; top: 0;" />
+
+		<view class="li">
+			<u--image src="/static/test/JM.png" width="690rpx" height="200rpx" style="position: absolute;" />
+			<view class="btn">
+				我是居民用户
+			</view>
+
+		</view>
+		<!-- <view class="" style="margin: 100rpx auto;width: 690rpx;">
+			<u--image src="/static/test/JM.png" width="690rpx" height="200rpx" />
+
+		</view> -->
+
+	</view>
+</template>
+
+<script>
+</script>
+
+<style lang='scss' scoped>
+	.box {
+		width: 750rpx;
+		height: 100vh;
+		background: linear-gradient(to bottom, #FFF4DB, #FFEAC3);
+		padding-top: 400rpx;
+	}
+
+	.bg {
+		width: 750rpx;
+		height: 660rpx;
+		background-image: url('/static/test/bg.png');
+		background-size: 100% 100%;
+		position: relative;
+
+	}
+
+
+	.li {
+		margin: 0rpx auto;
+		width: 690rpx;
+		height: 200rpx;
+		background-image: url('/static/test/JM.png');
+		background-size: 100% 100%;
+		position: relative;
+
+		.btn {
+			z-index: 999;
+			position: absolute;
+			width: 287rpx;
+			height: 76rpx;
+			border-radius: 40rpx 40rpx 40rpx 40rpx;
+			opacity: 1;
+			border: 2rpx solid #FF5E0C;
+			text-align: center;
+			line-height: 76rpx;
+			color: #FF5E0C;
+			font-size: 34rpx;
+			right: 50rpx;
+			bottom: 50rpx;
+
+		}
+	}
+</style>