nova-trip/nova-tourism/components/template2/homestay/index.wxml

<!--nova-tourism/components/template2/gourmet/index.wxml-->
<nav type="location" title="民宿" frontColor="#ffffff" background-color="#f39283" />
<view class="flexd">
  <view class="nav-background"></view>
  <view class="v-search">
    <van-search bindtap="goUrl" data-url="/nova-tourism/pages/homestay/hotel-list/index"
      left-icon="https://file.ruixiuauto.com/cDBRXuM6Xh/20230807/1314fo040350926.png" background="transparent"
      placeholder="搜索你想要的生活" shape="round" disabled use-action-slot>
    </van-search>
  </view>
</view>

<swiper class="swiper" indicator-dots="true" circular>
  <swiper-item wx:for="{{banner}}" wx:key="index">
    <image src="{{item.image}}" class="slide-image" />
  </swiper-item>
</swiper>

<view class="rank">
  <view>
    <view class="item-title">
      <view class="title-left">
        <view>
          <image src="https://file.ruixiuauto.com/cDBRXuM6Xh/20230807/1tcj18050717954.png"
            style="width:30rpx;height:30rpx;" />
        </view>

        <view class="text">住宿高分推荐</view>
      </view>
      <view class="title-right">
        <block wx:for="{{cateList}}" wx:key="index">
          <view class="{{textItem==item.objectId?'right-active':''}}" bindtap="changeText" data-id="{{item.objectId}}">
            {{item.name}}</view>
        </block>
      </view>
      <!-- <view class="title-right">
        <block wx:for="{{typeText}}" wx:key="index">
          <view class="{{textItem==item?'right-active':''}}" bindtap="changeText" data-text="{{item}}">{{item}}</view>
        </block>

      </view> -->
    </view>
    <view class="content">
      <block wx:for="{{rankList}}" wx:if="{{idx<4}}" wx:for-item="content" wx:key="*this" wx:for-index="idx">
        <view class="card" bindtap="goUrl"
          data-url="/nova-tourism/pages/homestay/hotel-details/index?id={{content.objectId}}">
          <view class="left">
            <view class="ranking">NO.{{idx+1}}</view>
            <image src="{{content.cover}}" />
          </view>
          <view class="right">
            <view class="h1">{{content.storeName}}</view>
            <view class="h3">{{content.storeAddress}}</view>
            <view class="h2">
              <view>{{content.score}}评分推荐</view>
              <view class="light">{{content.perCapita}}RMB/晚</view>
            </view>
          </view>
        </view>
      </block>
    </view>
  </view>
</view>

<view class="tabs">
  <view class="navBar">
    <block wx:for="{{tabs}}" wx:key="item">
      <view data-index="{{index}}" class="navItem {{tabIndex == index ? 'active' : '' }}" bindtap="onTabClick" style="margin-right: {{index==0?150:0}}rpx;">
        <!-- <view class="navItemIcon">
          <image src="{{item.icon}}" />
        </view> -->
        <view class="navItemTitle">{{item.title}}</view>
      </view>
    </block>
  </view>
</view>

<view style="margin: 24rpx 32rpx;">
  <image style="width:687rpx;height:165rpx;"
    src="https://file-cloud.fmode.cn/sHNeVwSaAg/20230809/1is97s100016405.web 拷贝 2" />
</view>

<view class="play-list">
  <block wx:for="{{rooms}}" wx:key="index">
    <view class="play-item" bindtap="goUrl"
      data-url="/nova-tourism/pages/homestay/room-detail/index?id={{item.objectId}}">
      <view class="item-img">
        <view class="item-ranking">HOT</view>
        <image src="{{item.images[0]}}" style="width: 332rpx;height: 308rpx;" />
      </view>
      <view class="body">
        <view class="item-text">
          {{item.name}}</view>
          <!-- <view style="font-size: 18rpx;font-family: Source Han Sans CN;font-weight: 300;">{{item.address}}</view> -->
        <view class="label">
          <block wx:for="{{item.tags}}" wx:for-item="tag" wx:key="*this" wx:for-index="i">
            <view>{{tag}}</view>
          </block>
        </view>
        <view class="detail">
          <view class="d-light">￥{{item.price}}/晚</view>
        </view>
      </view>
    </view>
  </block>
</view>