tourism-wxapp/nova-tourism/pages/homestay/homestay-detail/index.wxml

<!--nova-tourism/pages/homestay/homestay-detail/index.wxml-->
<nav type="back" background-color="#ffffff" frontColor="#000000" title="剑仙居民宿" />
<view class="all" scroll-y="true" bindscroll="onScroll" style="height: {{contentHeight}}rpx;padding-bottom: {{bottomNavHeight}}rpx;">
    <!-- 轮播图 -->
    <view class="picturebox">
        <swiper autoplay="{{true}}" interval="{{3000}}" circular duration="{{500}}" class="img" bindchange="onSwiperChange">
            <block wx:for="{{imageUrls}}" wx:key="index" wx:for-item="img">
                <swiper-item class="img">
                    <image src="{{img}}" mode="aspectFill"></image>
                </swiper-item>
            </block>
        </swiper>
        <view class="numberbox">{{index}}/{{imageUrls.length}}</view>
    </view>

    <view class="card">
        <view class="Legendary-Information">
            <view class="info-name">
                <view class="name-tex">{{storeList[0].storeName}}</view>
                <image class="name-pic" src="https://file-cloud.fmode.cn/EbxZUK5lBI/20241121/2gcp1e030048570.png"></image>
            </view>
            <view class="info-intr">{{storeList[0].desc}}</view>
            <view class="info-map">
                <view class="map"></view>
                <view class="info-call">
                    <image src="https://file-cloud.fmode.cn/EbxZUK5lBI/20241122/n7me1o092906284.png"></image>
                    <view class="call-tex">联系望仙管家</view>
                </view>
            </view>
        </view>
        <view class="roomcard">
            <van-sticky z-index='999' offset-top="{{statusBarHeight+customHeight-5}}">
                <view class="timebox">
                    <view class="time">
                        <view class="time-tex" wx:if="{{istoday=='true'}}">今天</view>
                        <view class="time-time">{{decodedDateStart}}</view>
                    </view>
                    <van-icon name="minus" size='30rpx' custom-style='font-weight: 600;margin-bottom: 4rpx;margin-right: 6rpx;' />
                    <view class="time">
                        <view class="time-tex" wx:if="{{istoday=='true'}}">明天</view>
                        <view class="time-time">{{decodedDateEnd}}</view>
                    </view>
                    <view class="time_tex2">共{{daysBetween}}晚</view>
                </view>
            </van-sticky>
            <block wx:for="{{roomList}}" wx:key="index">
                <view class="room-card" wx:if="{{item.remaining>0}}" >
                    <view class="room-card1">
                        <image src="{{item.images[0]}}"></image>
                        <view class="room-card-textbox">
                            <view class="room-card-textbox-titlebox">
                                <view class="room-card-textbox-title">{{item.name}}</view>
                                <van-icon name="arrow" custom-style='margin-top: 8rpx;' />
                            </view>
                            <view class="room-card-textbox-info">
                                2张1.2米床 2人入住 33㎡ 可吸烟 含早餐 不可取消
                            </view>
                            <view class="room-card-textbox-label">
                                <block wx:for="{{3}}">
                                    <view class="room-card-textbox-label2">
                                        首单优惠￥100
                                    </view>
                                    <view class="room-card-textbox-label2">
                                        望仙谷福袋
                                    </view>
                                </block>

                            </view>
                        </view>
                    </view>
                    <view class="room-card2">
                        <view class="price">￥{{item.price*daysBetween}}</view>
                        <view class="submit">订</view>
                    </view>
                </view>
                <!-- 无房 -->
                <view class="room-card" style="opacity: 0.5;" wx:if="{{item.remaining==0}}" >
                    <view class="room-card1">
                        <image src="{{item.images[0]}}"></image>
                        <view class="room-card-textbox">
                            <view class="room-card-textbox-titlebox">
                                <view class="room-card-textbox-title">{{item.name}}</view>
                                <van-icon name="arrow" custom-style='margin-top: 8rpx;' />
                            </view>
                            <view class="room-card-textbox-info">
                                2张1.2米床 2人入住 33㎡ 可吸烟 含早餐 不可取消
                            </view>
                            <view class="room-card-textbox-label">
                                <block wx:for="{{3}}">
                                    <view class="room-card-textbox-label2">
                                        首单优惠￥100
                                    </view>
                                    <view class="room-card-textbox-label2">
                                        望仙谷福袋
                                    </view>
                                </block>

                            </view>
                        </view>
                    </view>
                    <view class="room-card2">
                        <view class="no">时段无房</view>
                    </view>
                </view>
            </block>

        </view>
    </view>

</view>