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="{{shopStore.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="{{shopStore.image}}" 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">{{shopStore.storeName}}</view>
        <image class="name-pic" wx:if="{{!shopStore.iscollect}}" src="https://file-cloud.fmode.cn/EbxZUK5lBI/20241121/2gcp1e030048570.png"></image>
        <image class="name-pic" wx:if="{{shopStore.iscollect}}" src="https://file-cloud.fmode.cn/EbxZUK5lBI/20241121/8mp9uj030058190.png?imageView2/1/w/200/h/200"></image>
      </view>
      <view class="info-intr">{{shopStore.desc}}</view>
      <view class="info-intr2" bindtap="callMap">
        <van-icon size='36rpx' name="location-o" /> {{shopStore.storeAddress||'暂未上传店铺地址'}}
      </view>
      <view class="info-map">
        <view class="map">
          <map class="map" enable-zoom="ture" enable-scroll="true" id="map" longitude="{{longitude||0}}" latitude="{{latitude||0}}" 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="openCalendar">
          <view class="time">
            <view class="time-tex">{{specDateMap[decodedDateStart]}}</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">{{specDateMap[decodedDateEnd]}}</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">
          <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>
            <block wx:if="{{item.isFree}}">
              <view class="submit" data-index="{{index}}" bindtap="navigate">订</view>
            </block>
            <block wx:else>
              <view class="submit">时段无房</view>
            </block>
          </view>
          <block wx:if="{{!item.isFree}}">
            <view class="close" data-index="{{index}}" bind:tap="showRoom"></view>
          </block>
        </view>
      </block>

      <suggest store_id="{{objectId}}"></suggest>
      <!-- <view class="wangbox">
        <view class="wang">望仙礼遇</view>
        <view class="wang2">望日w望月w来望仙w</view>
      </view>
      <view class="wang-cardbox">
        <block wx:for="{{gift}}" wx:key="index">
          <view class="wang-card" data-url="/nova-tourism/pages/collect/collect-detail/index?gid={{item.objectId}}" bindtap="tourl">
            <image src="{{item.image||'https://img95.699pic.com/photo/60072/5330.jpg_wh860.jpg'}}" mode="aspectFill"></image>
            <view class="wang-catex">{{item.name}}</view>
            <view class="wang-numbox">
              <view class="wang-num">
                <view class="wang-num1">￥</view>
                <view class="wang-num2">{{item.price||0}}</view>
              </view>
              <view class="wang-submit">购买</view>
            </view>
          </view>
        </block>
      </view>
      <view class="more">
        <view class="more-tex">查看更多 ></view>
      </view> -->
    </view>
  </view>
</view>

<van-calendar show="{{ show }}" show-confirm="{{ true }}" confirm-text="完成" confirm-disabled-text='完成' type="range" bind:close="closeCalendar" bind:confirm="onConfirm" color='#46a9a4' position='bottom' />

<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>
    <block wx:if="{{chickRoom.service.length}}">
      <view class="serverBox tagBox">
        <view class="title">服务设施</view>
        <view class="tags">
          <view class="tag2" wx:for="{{chickRoom.service}}" wx:for-item="sev" wx:key="index">{{sev}}</view>
        </view>
      </view>
    </block>

    <view class="ruleBox tagBox">
      <view class="title">预定须知</view>
      <view class="sub_title">以下规则由房东制定，请仔细阅读并遵守</view>
      <view class="list">
        <view class="key">入离</view>
        <view class="value">{{chickRoom.open_time||'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" bindtap="navigatePopup">
        <text>优惠0 实付￥{{chickRoom.price||0}}</text>
      </view>
    </view>
  </view>

</van-popup>