|
@@ -1,6 +1,5 @@
|
|
|
<template>
|
|
<template>
|
|
|
<uv-navbar placeholder leftIcon="" title="iWash洗车"
|
|
<uv-navbar placeholder leftIcon="" title="iWash洗车"
|
|
|
- bg-color="linear-gradient(to right, rgb(66, 83, 216), rgb(213, 51, 186))"
|
|
|
|
|
:border="false"></uv-navbar>
|
|
:border="false"></uv-navbar>
|
|
|
<view class="content" :style="containerStyle">
|
|
<view class="content" :style="containerStyle">
|
|
|
<!-- <image class="logo" src="/static/logo.png"/>
|
|
<!-- <image class="logo" src="/static/logo.png"/>
|
|
@@ -33,7 +32,8 @@
|
|
|
<view class="menu-content w100">
|
|
<view class="menu-content w100">
|
|
|
<uv-grid :border="false" :col="4">
|
|
<uv-grid :border="false" :col="4">
|
|
|
<uv-grid-item v-for="(item,index) in state.menuList" :key="index" @click="handleMenuClick(item)">
|
|
<uv-grid-item v-for="(item,index) in state.menuList" :key="index" @click="handleMenuClick(item)">
|
|
|
- <uv-icon :customStyle="{paddingTop:20+'rpx'}" :name="item.name" :size="22"></uv-icon>
|
|
|
|
|
|
|
+ <image :src="item.icon" mode="widthFit" style="width: 4orpx;height: 40rpx"></image>
|
|
|
|
|
+<!-- <uv-icon :customStyle="{paddingTop:20+'rpx'}" :name="item.name" :size="22"></uv-icon>-->
|
|
|
<text class="grid-text">{{ item.title }}</text>
|
|
<text class="grid-text">{{ item.title }}</text>
|
|
|
</uv-grid-item>
|
|
</uv-grid-item>
|
|
|
</uv-grid>
|
|
</uv-grid>
|
|
@@ -44,20 +44,6 @@
|
|
|
<!-- 站点清单 start-->
|
|
<!-- 站点清单 start-->
|
|
|
<view class="w100 content_station">
|
|
<view class="w100 content_station">
|
|
|
<WashStation v-for="item in state.stationList" :key="item.id" :item="item"></WashStation>
|
|
<WashStation v-for="item in state.stationList" :key="item.id" :item="item"></WashStation>
|
|
|
- <WashStation v-for="item in state.stationList" :key="item.id" :item="item"></WashStation>
|
|
|
|
|
- <WashStation v-for="item in state.stationList" :key="item.id" :item="item"></WashStation>
|
|
|
|
|
- <WashStation v-for="item in state.stationList" :key="item.id" :item="item"></WashStation>
|
|
|
|
|
- <WashStation v-for="item in state.stationList" :key="item.id" :item="item"></WashStation>
|
|
|
|
|
- <WashStation v-for="item in state.stationList" :key="item.id" :item="item"></WashStation>
|
|
|
|
|
- <WashStation v-for="item in state.stationList" :key="item.id" :item="item"></WashStation>
|
|
|
|
|
- <WashStation v-for="item in state.stationList" :key="item.id" :item="item"></WashStation>
|
|
|
|
|
- <WashStation v-for="item in state.stationList" :key="item.id" :item="item"></WashStation>
|
|
|
|
|
- <WashStation v-for="item in state.stationList" :key="item.id" :item="item"></WashStation>
|
|
|
|
|
- <WashStation v-for="item in state.stationList" :key="item.id" :item="item"></WashStation>
|
|
|
|
|
- <WashStation v-for="item in state.stationList" :key="item.id" :item="item"></WashStation>
|
|
|
|
|
- <WashStation v-for="item in state.stationList" :key="item.id" :item="item"></WashStation>
|
|
|
|
|
- <WashStation v-for="item in state.stationList" :key="item.id" :item="item"></WashStation>
|
|
|
|
|
- <WashStation v-for="item in state.stationList" :key="item.id" :item="item"></WashStation>
|
|
|
|
|
</view>
|
|
</view>
|
|
|
<!-- 站点清单 end-->
|
|
<!-- 站点清单 end-->
|
|
|
|
|
|
|
@@ -97,10 +83,10 @@ const initState = () => ({
|
|
|
'https://cdn.uviewui.com/uview/swiper/swiper1.png'
|
|
'https://cdn.uviewui.com/uview/swiper/swiper1.png'
|
|
|
],
|
|
],
|
|
|
menuList: [
|
|
menuList: [
|
|
|
- {name: "photo", title: "洗车"},
|
|
|
|
|
- {name: "lock", title: "充值"},
|
|
|
|
|
- {name: "star", title: "卡券"},
|
|
|
|
|
- {name: "red-packet", title: "停车"},
|
|
|
|
|
|
|
+ {name: "photo", title: "洗车",icon:'/static/iconfont/default/fastwash.svg'},
|
|
|
|
|
+ {name: "lock", title: "充值",icon:'/static/iconfont/default/chongzhi_1.svg'},
|
|
|
|
|
+ {name: "star", title: "卡券",icon:'/static/iconfont/default/coupon.svg'},
|
|
|
|
|
+ {name: "red-packet", title: "停车",icon:'/static/iconfont/default/parking.svg'},
|
|
|
],
|
|
],
|
|
|
qrcodeOption: {
|
|
qrcodeOption: {
|
|
|
style: 'round',
|
|
style: 'round',
|
|
@@ -223,6 +209,11 @@ const handleMenuClick = (menu: any) => {
|
|
|
uni.navigateTo({
|
|
uni.navigateTo({
|
|
|
url: '/pages-user/wallet/recharge'
|
|
url: '/pages-user/wallet/recharge'
|
|
|
})
|
|
})
|
|
|
|
|
+ }else{
|
|
|
|
|
+ uni.showToast({
|
|
|
|
|
+ icon:'none',
|
|
|
|
|
+ title:'敬请期待',
|
|
|
|
|
+ })
|
|
|
}
|
|
}
|
|
|
})
|
|
})
|
|
|
}
|
|
}
|
|
@@ -292,6 +283,9 @@ const handleNavStation = (station: any) => {
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
|
|
<style scoped lang="scss">
|
|
<style scoped lang="scss">
|
|
|
|
|
+page{
|
|
|
|
|
+ background: #fafafa;
|
|
|
|
|
+}
|
|
|
.content {
|
|
.content {
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
display: flex;
|
|
display: flex;
|
|
@@ -329,12 +323,13 @@ const handleNavStation = (station: any) => {
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
height: 36rpx;
|
|
height: 36rpx;
|
|
|
background-color: #f5f3f3;
|
|
background-color: #f5f3f3;
|
|
|
- margin-top: 10rpx;
|
|
|
|
|
|
|
+ margin-top: 15rpx;
|
|
|
margin-bottom: 10rpx;
|
|
margin-bottom: 10rpx;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.swiper-content {
|
|
.swiper-content {
|
|
|
- height: 200rpx;
|
|
|
|
|
|
|
+ height: 240rpx;
|
|
|
|
|
+ overflow: hidden;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.guide-content {
|
|
.guide-content {
|
|
@@ -347,7 +342,8 @@ const handleNavStation = (station: any) => {
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.content_station {
|
|
.content_station {
|
|
|
- height: calc(100vh - 700rpx);
|
|
|
|
|
|
|
+ background: #fafafa;
|
|
|
|
|
+ height: calc(100vh - 750rpx);
|
|
|
overflow: scroll;
|
|
overflow: scroll;
|
|
|
}
|
|
}
|
|
|
</style>
|
|
</style>
|