ParkApp/pages/index/staff-temperature/detail.vue

<template>
	<view class="content ">
		<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-hot text-blue margin-right-10"></text>
						<text class="text-bold padding-right-10">体温：</text>
						<text>{{dataDetail.temperature}} ℃</text>
					</view>
					<view class="item">
						<text class="cuIcon-activity text-blue margin-right-10"></text>
						<text class="text-bold padding-right-10">所属企业：</text>
						<text>{{dataDetail.enterprise}}</text>
					</view>
				</view>
				<view class="padding-top-20">
					<image @click="previewImg(dataDetail.image)"  style="width: 220rpx;height: 250rpx;border-radius: 12rpx;"  :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-time text-blue margin-right-10"></text>
				<text class="text-bold padding-right-10">测温时间：</text>
				<text>{{dataDetail.time}}</text>
			</view>
		</view>
	</view>
</template>

<script>
	var app=getApp()
	export default {
		data() {
			return {
				dataDetail:{
					'name':'李德希',
					'sex':'男',
					'enterprise':'宁夏新金凰印刷有限公司',
					'temperature':'37.5',
					'image':'http://139.9.103.171:1888/miniofile/xlyq/del/cewen1.jpg',
					'idCard':'440881199604264598',
					'time':'2020-12-15 14:18:56'
				}
			}
		},
		onShow() {
		},
		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>