You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
<!-- subpages/space/reserve/reserve.wxml -->
|
|
|
|
|
<view class="page">
|
|
|
|
|
<view class="banner">
|
|
|
|
|
<van-image width="100%" height="360rpx" src="{{bannerUrl}}" fit="cover" radius="0" />
|
|
|
|
|
</view>
|
|
|
|
|
<view class=" banner-overlay">
|
|
|
|
|
<view class="room-name">{{roomName}}</view>
|
|
|
|
|
<view class="open-time">{{address}}</view>
|
|
|
|
|
<view class="open-time">{{openDate}}</view>
|
|
|
|
|
<view class="open-time">{{openTimeText}}</view>
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
<view class="section">
|
|
|
|
|
<scroll-view scroll-x class="date-strip">
|
|
|
|
|
<view class="date-item {{selectedDateIndex === index ? 'active' : ''}} {{item.disabled ? 'disabled' : ''}}" wx:for="{{dateList}}" wx:key="index" data-index="{{index}}" bindtap="selectDate">
|
|
|
|
|
<view class="date-label">{{item.label}}</view>
|
|
|
|
|
<view class="date-day">{{item.day}}</view>
|
|
|
|
|
</view>
|
|
|
|
|
</scroll-view>
|
|
|
|
|
<view class="section-title">预约时段</view>
|
|
|
|
|
<view class="slot-grid">
|
|
|
|
|
<view wx:for="{{timeSlots}}" wx:key="index" class="slot {{item.status}}" data-index="{{index}}" bindtap="toggleSlot">
|
|
|
|
|
<view class="slot-line">{{item.start}}</view>
|
|
|
|
|
<view class="slot-sep">至</view>
|
|
|
|
|
<view class="slot-line">{{item.end}}</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
<view class="chosen" wx:if="{{chosenText}}">已选择：{{chosenText}}</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="footer">
|
|
|
|
|
<van-button type="primary" block round color="linear-gradient(90deg, #0DC6C6, #13C2C2, #46DBD5)" custom-style="width:400rpx;height:76rpx;" bind:click="confirmReserve">
|
|
|
|
|
确定
|
|
|
|
|
</van-button>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
