Feat:旅居界面调整,逻辑补充

This commit is contained in:
LinCyJang
2025-10-28 00:23:42 +08:00
parent 670c6385e5
commit 4ff143ab29
6 changed files with 54 additions and 27 deletions
+23 -6
View File
@@ -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] })
},
/**