hotel-tablecloth-uniapp-24-08-29/components/user/buyMenu.vue

<template>
	<view class="menu">
		<!-- <view class="menu-item">
			我要租赁
		</view>
		<view class="menu-item">
			我要购买
		</view>
		<view class="menu-item">
			我要水洗
		</view> -->
		
		<uv-tabs :list="tabs"
		:activeStyle="{color : '#FD5100', fontWeight : 600}"
		lineColor="#FD5100"
		lineHeight="8rpx"
		lineWidth="50rpx"
		:current="current"
		:scrollable="false"
		@click="clickTabs"></uv-tabs>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				tabs: [
					{
						name: '我要租赁'
					},
					{
						name: '我要购买'
					},
					{
						name: '我要水洗'
					},
				],
				current : 0,
			}
		},
		methods: {
			clickTabs({index}){
				this.current = index
				if(index == 2){
					this.$nextTick(() => this.current = 0)
					uni.navigateTo({
						url: '/pages_order/order/createWash'
					})
				}
			},
		}
	}
</script>

<style scoped lang="scss">
.menu{
	margin: 0 20rpx;
	// &-item{
	// 	padding: 20rpx;
	// 	background-color: #fff;
	// 	text-align: center;
	// 	border-radius: 20rpx;
	// 	margin: 20rpx;
	// }
}
</style>