CommunityApp/pages/community/detail/elderlyDetail.vue

<template>
	<view class="content ">
		<view class="flex">
			<view class="flex flex-direction ">
				<view class="flex justify-between">
					<view class="">
						<view class="item">
							<text class="cuIcon-people text-blue margin-right-10"></text>
							<text class="text-bold padding-right-10">姓名：</text>
							<text >{{dataDetail.name}}</text>
						</view>
						<view class="item">
							<text class="cuIcon-male text-blue margin-right-10"></text>
							<text class="text-bold padding-right-10">性别：</text>
							<text>{{dataDetail.sex}}</text>
						</view>
						<view class="item">
							<text class="cuIcon-peoplelist text-blue margin-right-10"></text>
							<text class="text-bold padding-right-10">年龄：</text>
							<text>{{dataDetail.age}}岁</text>
						</view>
						<view class="item">
							<text class="cuIcon-hot text-blue margin-right-10"></text>
							<text class="text-bold padding-right-10">体温：</text>
							<text>{{dataDetail.temperature}} ℃</text>
						</view>
					</view>
					<view class="padding-top-20">
						<image @click="previewImg(dataDetail.image)"  style="width: 250rpx;height: 280rpx;border-radius: 12rpx;" mode="scaleToFill" :src="dataDetail.image"></image>
					</view>
				</view>
				<view class="item">
					<text class="cuIcon-news text-blue margin-right-10"></text>
					<text class="text-bold padding-right-10">身份证号：</text>
					<text>{{dataDetail.idCard}}</text>
				</view>
				<view class="item">
					<text class="cuIcon-home text-blue margin-right-10"></text>
					<text class="text-bold padding-right-10">抓拍小区：</text>
					<text>{{dataDetail.plotName}}</text>
				</view>
				<view class="item">
					<text class="cuIcon-focus text-blue margin-right-10"></text>
					<text class="text-bold padding-right-10">抓拍设备：</text>
					<text>{{dataDetail.device}}</text>
				</view>
				<view class="item">
					<text class="cuIcon-time text-blue margin-right-10"></text>
					<text class="text-bold padding-right-10">抓拍时间：</text>
					<text>{{dataDetail.time}}</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	var app=getApp()
	export default {
		data() {
			return {
				dataDetail:{}
			}
		},
		onShow() {
			this.dataDetail=app.globalData.elderlyDetail
		},
		methods: {
			previewImg(img){
				let imgs=[]
				imgs.push(img)
				uni.previewImage({
					urls:imgs
				})
			}
		}
	}
</script>

<style lang="scss">
	page{
		background-color: #FFFFFF;
	}
	.content{
		padding:60rpx;
		.item{
			padding: 22rpx 0;
		}
	}
</style>