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="{{storeList[0].storeName}}" />
<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" wx:if="{{!storeList[0].iscollect}}" src="https://file-cloud.fmode.cn/EbxZUK5lBI/20241121/2gcp1e030048570.png"></image>
        <image class="name-pic" wx:if="{{storeList[0].iscollect}}" src="https://file-cloud.fmode.cn/EbxZUK5lBI/20241121/8mp9uj030058190.png?imageView2/1/w/200/h/200"></image>
      </view>
      <view class="info-intr">{{storeList[0].desc}}</view>
      <view class="info-intr2" bindtap="callMap">
        <van-icon size='36rpx' name="location-o" /> {{storeList[0].storeAddress}}
      </view>
      <view class="info-map">
        <view class="map">
          <map class="map" enable-zoom="ture" enable-scroll="true" id="map" longitude="{{longitude}}" latitude="{{latitude}}" scale="14" markers="{{markers}}"></map>
        </view>
        <view class="info-call" bindtap="phone">
          <image src="https://file-cloud.fmode.cn/EbxZUK5lBI/20241212/e9muh5104028782.png"></image>
          <view class="call-tex">联系望仙管家</view>
        </view>
      </view>
    </view>
    <view class="roomcard">
      <van-sticky z-index='99' offset-top="{{statusBarHeight+customHeight-5}}">
        <view class="timebox" bindtap="onDisplay">
          <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-calendar show="{{ show }}" show-confirm="{{ true }}" confirm-text="完成" confirm-disabled-text='完成' type="range" bind:close="onClose" bind:confirm="onConfirm" color='#46a9a4' position='bottom' />
      </van-sticky>
      <block wx:for="{{roomList}}" wx:key="index">
        <view class="room-card" wx:if="{{item.isroom}}">
          <view class="room-card1" data-index="{{index}}" bind:tap="showRoom">
            <image src="{{item.images[0]}}" mode="aspectFill"></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">
                <block wx:for="{{item.tags}}" wx:key="index" wx:for-item="tag">
                  {{tag}}
                </block>
              </view>
              <view class="room-card-textbox-label">
                <block>
                  <view class="room-card-textbox-label2" wx:if="{{item.benefitMap.discount.length>0}}">
                    {{item.benefitMap.discount}}
                  </view>
                  <view class="room-card-textbox-label2" wx:if="{{item.benefitMap.gift.length>0}}">
                    {{item.benefitMap.gift}}
                  </view>
                </block>

              </view>
            </view>
          </view>
          <view class="room-card2">
            <view class="price">￥{{item.price*daysBetween}}</view>
            <view class="submit" data-id="{{item.objectId}}" bindtap="navigate">订</view>
          </view>
        </view>
        <!-- 无房 -->
        <view class="room-card" style="opacity: 0.5;" wx:if="{{!item.isroom}}">
          <view class="room-card1">
            <image src="{{item.images[0]}}" mode="aspectFill"></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">
                <block wx:for="{{item.tags}}" wx:for-item="tag">
                  {{tag}}
                </block>
              </view>
              <view class="room-card-textbox-label">
                <block>
                  <view class="room-card-textbox-label2" wx:if="{{item.benefitMap.discount.length>0}}">
                    {{item.benefitMap.discount}}
                  </view>
                  <view class="room-card-textbox-label2" wx:if="{{item.benefitMap.gift.length>0}}">
                    {{item.benefitMap.gift}}
                  </view>
                </block>

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

    </view>
  </view>

</view>


<van-popup custom-style="height: 80vh;" round position="bottom" style="z-index: 999;" show="{{ showRoom }}" bind:close="onCloseRoom">
  <view class="roomBox">
    <view class="titleBox" style="position: fixed;z-index: 9999;">
      <image bind:tap="onCloseRoom" src="https://file-cloud.fmode.cn/EbxZUK5lBI/20250221/huih91105813716.png" mode="" />
      <view class="text">
        房屋详情
      </view>
    </view>
    <view class="titleBox">
      <image src="https://file-cloud.fmode.cn/EbxZUK5lBI/20250221/huih91105813716.png" mode="" />
      <view class="text">
        房屋详情
      </view>
    </view>
    <block wx:if="{{chickRoom.images.length}}">
      <view class="picturebox">
      <swiper autoplay="{{true}}" interval="{{3000}}" circular duration="{{500}}" class="img" bindchange="onRoomChange">
        <block wx:for="{{chickRoom.images}}" wx:key="index" wx:for-item="img">
          <swiper-item class="img">
            <image src="{{img}}" mode="aspectFill"></image>
          </swiper-item>
        </block>
      </swiper>
      <view class="numberbox">{{roomIndex}}/{{chickRoom.images.length}}</view>
    </view>
    </block>
   
    <view class="tagBox">
      <view class="title">{{chickRoom.name}}</view>
      <view class="tags">
      <block wx:for="{{chickRoom.tags}}" wx:key="index" wx:for-item="tag">
        <view class="tag">{{tag}}</view>
      </block>
      </view>
    </view>
    <view class="serverBox tagBox">
      <view class="title">服务设施</view>
      <view class="tags">
        <view class="tag2">免费停车位</view>
        <view class="tag2">行李寄存 </view>
        <view class="tag2">前台接待</view>
        <view class="tag2">床品1客1换</view>
        <view class="tag2">免费接站</view>
        <view class="tag2">团建会议</view>
        <view class="tag2">提供餐食</view>
        <view class="tag2"></view>
        <view class="tag2"></view>
        <view class="tag2">热水</view>
        <view class="tag2">独立卫浴</view>
        <view class="tag2">电吹风</view>
        <view class="tag2">洗浴用品</view>
        <view class="tag2">牙具</view>
        <view class="tag2">投影设备</view>
        <view class="tag2">卡拉OK</view>
        <view class="tag2">麻将机</view>
        <view class="tag2">桌角防护</view>
        <view class="tag2">壁炉</view>
        <view class="tag2">智能马桶</view>
        <view class="tag2">智能窗帘</view>
      </view>
    </view>
    <view class="ruleBox tagBox">
      <view class="title">预定须知</view>
      <view class="sub_title">以下规则由房东制定，请仔细阅读并遵守</view>
      <view class="list">
        <view class="key">入离</view>
        <view class="value">12:00后入住,12:00前退房</view>
      </view>
      <view class="list">
        <view class="key">发票</view>
        <view class="value">发票由民宿经营者（房东）提供</view>
      </view>
      <view class="list">
        <view class="key">退订</view>
        <view class="value" style="color: #7E9F86;">仅限30分钟内免费取消</view>
      </view>
      <view class="list">
        <view class="key">　　　　　</view>
        <view class="value">
          <text>订单确认30分钟后,取消订单将扣除当日全部房费（订单需\n等商家确认后生效，订单确认结果以公众号，短信为准，\n如订单不确认将全额退款至您的付款账号）</text>
        </view>
      </view>
    </view>
    <view class="payBox"></view>
    <view class="payBox" style="position: fixed;z-index: 99999;bottom: 0rpx;">
      <view class="phonBox">
        <view bindtap="phone">
          <image src="https://file-cloud.fmode.cn/EbxZUK5lBI/20241212/e9muh5104028782.png" mode="" />
          <text>电话咨询</text>
        </view>

      </view>
      <view class="pay">
        <text>优惠0 实付￥{{chickRoom.price||0}}</text>
      </view>
    </view>
  </view>

</van-popup>