60 lines
1.0 KiB
Vue
60 lines
1.0 KiB
Vue
<template>
|
|
<div class="table">
|
|
<div class="thead">
|
|
<div class="row">
|
|
<div>抓拍照片</div>
|
|
<div>车辆信息</div>
|
|
<div>抓拍时间</div>
|
|
</div>
|
|
</div>
|
|
<div class="tbody">
|
|
<vue-scroll>
|
|
<div class="row" v-for="i in 9" :key="i">
|
|
<div><img src="" /></div>
|
|
<div class="carNum">粤A455632</div>
|
|
<div class="datetime">2011-02-03 15:30</div>
|
|
</div>
|
|
</vue-scroll>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {}
|
|
</script>
|
|
|
|
<style lang="less" scoped>
|
|
.table {
|
|
width: 100%;
|
|
height: 100%;
|
|
.thead {
|
|
padding-bottom: 12px;
|
|
color: #59b2c0;
|
|
}
|
|
.tbody {
|
|
height: calc(100% - 30px);
|
|
}
|
|
.row {
|
|
display: flex;
|
|
align-items: center;
|
|
&:not(:last-child) {
|
|
margin-bottom: 12px;
|
|
}
|
|
div {
|
|
text-align: center;
|
|
&:last-child {
|
|
width: 160px;
|
|
}
|
|
&:not(:last-child) {
|
|
flex: 1;
|
|
}
|
|
img {
|
|
width: 80px;
|
|
height: 50px;
|
|
background: skyblue;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style>
|