<template>
	<view class="">
	<view class="car-list" v-for="item,index in carList" :key="index">
		<view class="car-info">
			<view class="car-info-l">
				<view class="">
					<u--image :src="a" width="150rpx" height="150rpx"
						style="margin-right:20rpx"></u--image>
				</view>
				<view class="car-info-c">
					<view class="lincense">
						车牌号: 12121545454
					</view>
					<view class="lincense">
						行驶里程: 1212KM
					</view>
					<view class="lincense">
						当前状态: 平台公司闲置中
					</view>
				</view>
			</view>
			
			<view class="car-info-r">
				选择该车辆为监管车辆
			</view>
			
		</view>
	</view>
	</view>
</template>

<script scoped>
	export default{
		data(){
			return{
				a:"https://tse3-mm.cn.bing.net/th/id/OIP-C.0xzWZj1_A-nzJiUBxrk8XQHaEo?w=298&h=186&c=7&r=0&o=5&pid=1.7"
		,carList:[1,1,1,1,1,1,,1,1,]
		}
		}
	}
</script>

<style lang="scss" scoped>
	.car-list{
		padding: 20rpx;
		
		.car-info{
			display: flex;
			justify-content: space-between;
			margin-bottom: 20rpx;
			.car-info-l{
				display: flex;
			}
			.car-info-c{
				display: flex;
				flex-direction: column;
				justify-content: space-between;
			}
			.car-info-r{
				max-width: 20vw;
			}
		}
	}
</style>