snapshot-wx/pagesCare/Employ/View.vue

<template>
	<view class="container">
		<view class="headerBox">
			<view class="headerTxt">个人信息</view>
		</view>
		<view class="contentBox">
			<view class="itemBox">
				<text class="itemLabel">姓名：</text>
				<text class="itemInfo">{{objData.name}}</text>
			</view>
			<view class="itemBox">
				<text class="itemLabel">性别：</text>
				<text class="itemInfo">{{objData.genderTxt}}</text>
			</view>
			<view class="itemBox">
				<text class="itemLabel">联系方式：</text>
				<text class="itemInfo">{{objData.phoneNumber}}</text>
			</view>
			<view class="itemBox">
				<text class="itemLabel">所属区县：</text>
				<text class="itemInfo">{{objData.systemAreaName}}</text>
			</view>
			<view class="itemBox">
				<text class="itemLabel">所属街/镇：</text>
				<text class="itemInfo">{{objData.street}}</text>
			</view>
		</view>
	</view>
</template>

<script>
	var that;
	export default {
		data() {
			return {
				objData: null
			}
		},
		onLoad(options) {
			that = this;
			that.objData = JSON.parse(decodeURIComponent(options.obj));
		},
		methods: {
			
		}
	}
</script>

<style>
	.container {
		background-color: #f3f3f3;
	}
	
	.headerBox{
		margin: 40rpx 50rpx;
	}
	
	.headerTxt{
		font-size: 44rpx;
		font-weight: bold;
		color: #000;
	}
	
	.contentBox{
		padding: 0 30rpx 40rpx;
		background-color: #fff;
	}
	
	.itemBox{
		display: flex;
		justify-content: space-between;
		align-items: center;
		border-bottom: 2rpx #f3f3f3 solid;
		padding: 50rpx 20rpx 20rpx;
		font-size: 40rpx;
	}
	
	.itemLabel{
		color: #555;
	}
	
	.itemInfo{
		color: #000;
	}
</style>