You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
86 lines
2.1 KiB
86 lines
2.1 KiB
<template>
|
|
<view>
|
|
<u-sticky bgColor="#ffffff">
|
|
<u-tabs :list="nav" :current="current" lineColor="#669A32" :activeStyle="{
|
|
color: '#669A32',
|
|
transform: 'scale(1.05)'
|
|
}" :scrollable="true" itemStyle="padding-left: 20rpx; padding-right: 20rpx;font-size:22rpx; height: 80rpx;"
|
|
@click="tabClick"></u-tabs>
|
|
</u-sticky>
|
|
<view class="se-p-40">
|
|
<view class="se-px-40 se-mb-30 se-py-30 se-bgc-white se-br-40 se-bs-b" v-for="(items,indexs) in 20"
|
|
:key="indexs">
|
|
<view class="se-flex se-flex-h-sb se-fw-6 se-fs-32 se-pb-20">
|
|
<view class="se-flex">
|
|
<text>环卫车租赁</text>
|
|
</view>
|
|
<view class="se-c-green se-fw-4">
|
|
已预约
|
|
</view>
|
|
</view>
|
|
<view class="se-flex">
|
|
<view class="se-w-160 se-h-160">
|
|
<image class="se-w-160 se-h-160 se-br-10" src="https://cdn.uviewui.com/uview/album/1.jpg"
|
|
mode=""></image>
|
|
</view>
|
|
<view class="se-ml-20 se-flex se-flex-v-sa se-flex-ai-fs">
|
|
<view class="se-fw-6 se-c-black se-fs-30 se-display-ib">客户名称：李先生</view>
|
|
<view class="se-fs-24 se-c-text-third se-display-ib">电话:1318969845</view>
|
|
<view class="se-fs-24 se-c-text-third se-display-ib">租赁地址:广东省广州市番禺区石桥镇</view>
|
|
</view>
|
|
</view>
|
|
<view class="se-flex se-flex-h-sb se-w-p-100 se-pt-20">
|
|
<view class="se-fs-24 se-display-ib"></view>
|
|
<view
|
|
class="se-display-ib se-px-20 se-br-40 se-flex-h-c se-h-50 se-lh-50 se-bgc-green se-ta-c se-fs-24 se-fs-24 se-c-white se-b">
|
|
<text>电话联系</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
components: {
|
|
|
|
},
|
|
data() {
|
|
return {
|
|
current: 0,
|
|
nav: [{
|
|
name: '全部',
|
|
}, {
|
|
name: '新车',
|
|
}, {
|
|
name: '二手车'
|
|
}, {
|
|
name: '租赁车辆'
|
|
},
|
|
{
|
|
name: '环卫设备及配件'
|
|
}
|
|
],
|
|
list: [{},
|
|
{},
|
|
{},
|
|
{},
|
|
{},
|
|
{},
|
|
{},
|
|
{},
|
|
{},
|
|
]
|
|
}
|
|
},
|
|
methods: {
|
|
tabClick(event) {
|
|
this.current = event.index
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
</style>
|