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