Feat:旅居界面调整,逻辑补充
This commit is contained in:
@@ -1,5 +1,14 @@
|
||||
<template>
|
||||
<view class="group-detail">
|
||||
<!-- 头部 -->
|
||||
<hx-navbar
|
||||
:fixed="true"
|
||||
:background-color="[0,[0,0,0,0],[0,0,0,0]]"
|
||||
statusBarFontColor="#ffffff"
|
||||
barPlaceholder="hidden"
|
||||
transparent="auto"
|
||||
color='#ffffff'
|
||||
/>
|
||||
<scroll-view scroll-y class="page-scroll">
|
||||
<!-- 顶部大图/轮播 -->
|
||||
<swiper class="hero-swiper" indicator-dots autoplay interval="3000">
|
||||
@@ -18,7 +27,7 @@
|
||||
|
||||
</view>
|
||||
<!-- 礼物 -->
|
||||
<view class="v12-px-3">
|
||||
<view class="v12-px-3" v-if="detail.isGift">
|
||||
<view
|
||||
@click="toGift"
|
||||
class=" v12-white-text v12-px-2 v12-py-1 v12-mt-2 v12-radius-20 v12-font-bold v12-justify-between v12-align-center gift-wrap"
|
||||
@@ -72,8 +81,10 @@
|
||||
<view class="v12-px-2 v12-py-1"><u-icon name="home"></u-icon></view>
|
||||
<view class="v12-px-2 v12-py-1 v12-white v12-radius-100">{{ c.title }}</view>
|
||||
</view>
|
||||
<view v-for="(img, idx) in c.images" :key="idx" class="v12-justify-start v12-align-center">
|
||||
<image :src="img" class="grid-img" mode="aspectFill" />
|
||||
<view class="v12-justify-start v12-align-center" style="display: flex; flex-wrap: wrap;">
|
||||
<view v-for="(img, idx) in c.images" :key="idx" class="v12-mr-2 v12-mb-2 v12-align-center" style="width: calc(33.33% - 16rpx);">
|
||||
<image :src="img" class="grid-img" mode="aspectFill" style="width: 100%; height: 200rpx;" />
|
||||
</view>
|
||||
</view>
|
||||
<view v-if="c.description" class="v12-font-26 v12-mt-2">{{ c.description }}</view>
|
||||
</view>
|
||||
@@ -88,7 +99,7 @@
|
||||
<rich-text :nodes="rules"></rich-text>
|
||||
</view>
|
||||
<!-- 表格 -->
|
||||
<view class="simple-table">
|
||||
<!-- <view class="simple-table">
|
||||
<view class="table-row">
|
||||
<view class="table-cell">申请退款时间</view>
|
||||
<view class="table-cell">费用</view>
|
||||
@@ -105,7 +116,7 @@
|
||||
<view class="table-cell">入住前x天</view>
|
||||
<view class="table-cell"></view>
|
||||
</view>
|
||||
</view>
|
||||
</view> -->
|
||||
</view>
|
||||
</view>
|
||||
<view class="v12-px-3 v12-mt-3">
|
||||
@@ -139,7 +150,6 @@
|
||||
></Calendar> -->
|
||||
<DateRangePicker
|
||||
ref="dateRangePicker"
|
||||
v-model="dateRange"
|
||||
:show="showDatePicker"
|
||||
:minBookingDays="detail.minBookingDays"
|
||||
:travelGroupProductId="detail.id"
|
||||
@@ -294,6 +304,13 @@ export default {
|
||||
})
|
||||
},
|
||||
bookNow() {
|
||||
if(!this.dateRange[0] || !this.dateRange[1]){
|
||||
uni.showToast({
|
||||
title: '请选择预约日期',
|
||||
icon: 'none'
|
||||
})
|
||||
return
|
||||
}
|
||||
uni.navigateTo({ url: '/pkg_product/views/submitOrder?id=' + this.id + '&orderStartDate=' + this.dateRange[0] + '&orderEndDate=' + this.dateRange[1] })
|
||||
},
|
||||
/**
|
||||
|
||||
Reference in New Issue
Block a user