<template>
	<view>
		<view class="des">仅可查看最近7天的VIN查询记录</view>
		<view class="list-box" v-for="item in 35">
			<view class="list-item flex align_center justify_between">
				<view>
					<u-image shape="circle" src="@/static/share1.jpg" width='90' height="90"></u-image>
				</view>
				<view>
					<view class="flex align_center justify_between">
						<text class="vin-text">LFV2A21K0G4053021</text>
						<text class="time-text">2022-05-21 15:23:33</text>
					</view>
					<view>马自达 CX-5(KE 2012-2017) 2.0L | 手自一体 2014款 都市型</view>
				</view>
			</view>
		</view>
	</view>
</template>

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

<style lang="less">
.des{
	text-align: center;
	color: #999;
	font-size: 12px;
	padding: 20rpx 15rpx;
}
.list-item{
	margin: 30rpx;
	border:2rpx solid #f8f8f8;
	box-shadow: 2rpx 2rpx 6rpx #eee;
	border-radius: 20rpx;
	padding: 20rpx 15rpx;
	> view{
		padding: 0 10rpx;
		&:last-child{
			>view{
				padding: 10rpx 0;
			}
		}
	}
	.time-text{
		font-size: 10px;
		color: #999;
	}
	&:first-child{
		margin-top: 10rpx;
	}
	&:active{
		opacity: 0.6;
		transform:scale(0.9);
	}
}
</style>
