64 lines
1.2 KiB
Vue
64 lines
1.2 KiB
Vue
|
<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>
|