<template>
	<view class="t-header-card">
		<text>0017 1712 5994  杨锦新</text>
		<view style="transform: rotate(180deg);">
			<zzx-icon name="up" size="12"></zzx-icon>
		</view>
	</view>
	<view class="content">
		<view class="t-uselist-card" v-for="item in 2">
			<view class="t-use-address">
				<view class="add-title">使用地点</view>
				<view class="add-text">观山湖区第十二小学</view>
			</view>
			<view class="t-use-picre">
				<view class="pic-title">使用照片</view>
				<view class="pic-img">
					<image src="https://img.shetu66.com/2023/06/13/1686646672844195.jpg" mode=""></image>
				</view>
			</view>
			<view class="t-use-address" style="margin-top: 20rpx;">
				<view class="add-title">使用时间</view>
				<view class="add-text">2025-05-02 16：14：56</view>
			</view>
		</view>
		<view class="t-uselist-card" v-for="item in 2">
			<view class="t-use-address">
				<view class="add-title">核验场馆</view>
				<view class="add-text">观山湖区第十二小学</view>
			</view>
			<view class="t-use-address" style="margin-top: 20rpx;">
				<view class="add-title">核验人</view>
				<view class="add-text">张三</view>
			</view>
			<view class="t-use-address" style="margin-top: 20rpx;">
				<view class="add-title">核验时间</view>
				<view class="add-text">2025-05-02 16：14：56</view>
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style lang="less" scoped>
	.t-header-card{
		display: flex;
		align-items: center;
		gap: 12rpx;
		background: #fff;
		padding: 20rpx;
		font-weight: bold;
		font-size: 28rpx;
		color: #222222;
	}
	.t-uselist-card{
		margin-top: 20rpx;
		padding: 20rpx;
		background: #FFFFFF;
		border-radius: 32rpx;
		.t-use-address{
			display: flex;
			align-items: center;
			gap: 20rpx;
			.add-title{
				font-size: 28rpx;
				color: #AAAAAA;
			}
			.add-text{
				font-size: 28rpx;
				color: #222222;
			}
		}
		.t-use-picre{
			display: flex;
			gap: 20rpx;
			margin-top: 20rpx;
			.pic-title{
				font-size: 28rpx;
				color: #AAAAAA;
			}
			.pic-img{
				&>image{
					width: 160rpx;
					height: 160rpx;
					border-radius: 8rpx;
				}
			}
		}
	}
</style>