xinelu-doctor-app/pages/Personalinfo/Personalinfo.vue

<template>
	<view class="app">
		<view class="myorder titles">
			<view class="title">
				姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名：{{list.personName}}
			</view>
		</view>
		<view class="myorder titles">
			<view class="title">
				性&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;别：{{list.sex}}
			</view>
		</view>
		<view class="myorder titles">
			<view class="title">
				身份证号：{{list.cardNo}}
			</view>
		</view>
		<view class="myorder titles">
			<view class="title">
				家庭住址：{{list.personAddress}}
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list: [],
			}
		},
		onLoad(e) {
			if (e) {
				this.list = JSON.parse(e.list)
			}
		},
		methods: {

		}
	}
</script>

<style lang="scss">
	.app {
		background-color: #fff;
		height: 100vh;
		overflow: hidden;

		.myorder {
			position: relative;

			.orderStatus {
				text-align: center;
				margin: 60rpx auto 30rpx;
				width: 90%;
				background: red;
				// display: flex;
				// justify-content: space-around;
				padding-bottom: 30rpx;
			}

			.title {
				font-size: 28rpx;
				font-family: SourceHanSansSC-Medium, SourceHanSansSC;
				font-weight: 500;
				color: #333333;
				margin-left: 30rpx;
				height: 110rpx;
				line-height: 110rpx;
				border-bottom: 1rpx solid #E6E6E6;
				width: 93%;
			}
		}

	}
</style>