medical/pages/details/index.vue

<template>
	<view>
		<view class="text-block">
			<text class="text-title">姓名</text>
			<text>Messi</text>
		</view>
		
		<view class="text-block">
			<text class="text-title">性别</text>
			<text>女</text>
		</view>
		
		<view class="text-block">
			<text class="text-title">班级</text>
			<text>一年级 （1） 班</text>
		</view>
		
		<view class="text-block">
			<text class="text-title">症状体征</text>
			<text>手指皮肤破损， 0厘米</text>
		</view>
		
		<view class="text-block">
			<text class="text-title">症状体征照片</text>
			<text class="text-img">
				<image src="https://cdn.uviewui.com/uview/swiper/1.jpg"></image>
			</text>
		</view>
		
		<view class="text-block">
			<text class="text-title">处理措施</text>
			<text>碘酒消毒，创口贴包扎</text>
		</view>
		
		<view class="text-block">
			<text class="text-title">处置后照片</text>
			<text class="text-img">
				<image src="https://cdn.uviewui.com/uview/swiper/1.jpg"></image>
			</text>
		</view>
		
		<view class="text-block">
			<text class="text-title">后续处理</text>
			<text>四小时后换药包扎</text>
		</view>
		
		<view class="text-block">
			<text class="text-title">状态</text>
			<text>跟踪观察</text>
		</view>
		
		<view class="handle-time">
			处理时间：2022.09.10 12:00:00
		</view>
		
	</view>

</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	page{
		/* background-color: #D9D9D9; */
		// background-color: #F5F5F5 !important;
		padding-top: 40rpx;
		box-sizing: border-box;
		font-size: 32rpx;
	}
	
	.text-block{
		padding: 18rpx 32rpx;
		box-sizing: border-box;
	}
	
	.text-title{
		width: 240rpx;
		display: inline-block;
		color: rgba(0,0,0,0.60);
		vertical-align: top;
	}
	
	.text-img{
		width: 160rpx;
		height: 160rpx;
		border-radius: 13px;
		background-color: #ccc;
		display: inline-block;
		overflow: hidden;
		
		image{
			width: 100%;
			height: 100%;
		}
	}
	
	.handle-time{
		height: 80rpx;
		line-height: 80rpx;
		background: #f5f6f7;
		margin-top: 18rpx;
		box-sizing: border-box;
		padding-left: 32rpx;
		color: rgba(0,0,0,0.60);
		font-size: 23rpx;
	}
	
</style>