完善预约场馆页面
This commit is contained in:
@ -62,7 +62,7 @@
|
||||
<view class="">
|
||||
<price-format color="#FF5951" :subscript-size="26" :first-size="38" :second-size="26" price="100"></price-format>
|
||||
</view>
|
||||
<view class="reserve-btn">
|
||||
<view class="reserve-btn" @tap="heandleToReserve">
|
||||
预定
|
||||
</view>
|
||||
</view>
|
||||
@ -71,35 +71,8 @@
|
||||
</view>
|
||||
<view class="d-f a-i-c" style="margin-top: 16rpx;">
|
||||
<view class="time-block" v-for="(item, index) in 17" :key="index">
|
||||
<view class="time-block-text font-400 text-20rpx leading-28rpx" :style="`${index === 1 || index === 11 ? 'color:#C9C9C9;' : ''}`">{{ item + 5 }}</view>
|
||||
<view class="time-block-box h-12rpx rounded-6rpx mt-4rpx" :style="`${index === 1 || index === 11 ? 'background-color:#C9C9C9;' : ''}`"></view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="line"></view>
|
||||
</view>
|
||||
|
||||
<view class="">
|
||||
<view class="d-b-c">
|
||||
<view class="">
|
||||
<image style="width: 200rpx;height: 200rpx;border-radius: 10rpx; margin-right: 32rpx;" src="https://6548.cn/uploads/20241019/ca61afebae2b1066b74fb42b791d8b29.jpg" mode=""></image>
|
||||
</view>
|
||||
<view class="flex-1">
|
||||
<view class="cg-name">这个是场馆的分场名称</view>
|
||||
<view class="d-b-c">
|
||||
<view class="">
|
||||
<price-format color="#FF5951" :subscript-size="26" :first-size="38" :second-size="26" price="100"></price-format>
|
||||
</view>
|
||||
<view class="reserve-btn">
|
||||
预定
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
<view class="d-f a-i-c" style="margin-top: 16rpx;">
|
||||
<view class="time-block" v-for="(item, index) in 17" :key="index">
|
||||
<view class="time-block-text font-400 text-20rpx leading-28rpx" :style="`${index === 1 || index === 11 ? 'color:#C9C9C9;' : ''}`">{{ item + 5 }}</view>
|
||||
<view class="time-block-box h-12rpx rounded-6rpx mt-4rpx" :style="`${index === 1 || index === 11 ? 'background-color:#C9C9C9;' : ''}`"></view>
|
||||
<view class="time-block-text font-400 text-20rpx leading-28rpx" :style="index === 1 ? 'color:#C9C9C9;' : ''">{{ item + 5 }}</view>
|
||||
<view class="time-block-box h-12rpx rounded-6rpx mt-4rpx" :style="index === 1 ? 'color:#C9C9C9;' : ''"></view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="line"></view>
|
||||
@ -159,6 +132,31 @@
|
||||
handleChangeTab(e) {
|
||||
this.currentTab = e.type;
|
||||
},
|
||||
|
||||
// 跳转预定页面
|
||||
heandleToReserve() {
|
||||
uni.navigateTo({
|
||||
url: '/bundle/reserve/reserve'
|
||||
});
|
||||
},
|
||||
|
||||
// 处理导航
|
||||
handleLocation() {
|
||||
uni.openLocation({
|
||||
latitude: 30.74621,
|
||||
longitude: 120.76055,
|
||||
name: '秀湖网球中心',
|
||||
address: '嘉兴市秀洲区秀园路秀湖公园(西南角)',
|
||||
scale: 18
|
||||
});
|
||||
},
|
||||
|
||||
// 处理拨打电话
|
||||
handleCall() {
|
||||
uni.makePhoneCall({
|
||||
phoneNumber: '0573-82069999'
|
||||
});
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
Reference in New Issue
Block a user