carrent-front/pages/reservation/index.vue

<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>