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

<!-- <swiper class="swiper" indicator-dots="true" autoplay="true">
    <swiper-item wx:for="{{imgUrls}}" wx:key="index">
        <image src="{{item}}" class="slide-image" mode="aspectFill" />
    </swiper-item>
</swiper> -->
<headerCard imgUrls="{{banner}}" active='1' title='民宿预定'></headerCard>

<view style="padding: 0 20rpx;">
  <view class="rankingTitle">
  <view class="title">民宿排行</view>
  <view class="tabs">
    <block wx:for="{{cateList}}" wx:key="index">
      <text  class="{{textItem==item.objectId?'actvice':''}}"  bindtap="changeText" data-id="{{item.objectId}}">{{item.name}}</text>
  </block>
  </view>
</view>
<view class="rankingContent">
  <view wx:for="{{rankList}}" wx:key="index" wx:if="{{index<3}}" class="rankingCard" style="background: url({{item.cover}}) no-repeat 100% 100%;"  mode="vertical" bind:tap="goUrl" data-url="/nova-tourism/pages/homestay/hotel-details/index?id={{item.objectId}}">
    <view style="height: 160rpx;">
      <view class="ranking" style="background: {{index==0?'#FBB404':(index==1?'#D0CFCB':'#BB9382 ')}};">{{index+1}}</view>
    </view>
    <view class="title">
      {{item.name}}
    </view>
    <view class="content">
      {{item.address}}
    </view>
  </view>
</view>
<view class="tabs">
  <text wx:for="{{tabs}}" data-id="{{index}}" data-type="{{item.type}}" wx:key="item" data-index="{{index}}" class="{{tabIndex == index ? 'tabIndex' : '' }}"
  bindtap="onTabClick">
      {{item.title}}
  </text>
</view>
<view class="card" wx:for="{{rooms}}" wx:key="index" data-id="{{item.objectId}}"  mode="vertical" bind:tap="details">
  <view class="image">
    <image src="{{item.images[0]}}"></image>
  </view>
  <view class="content">
    <view class="title">{{item.name}}</view>
    <view class="detail">{{item.address}}</view>
    <view class="tabs">
      <view class="score">
        <van-icon name="https://file-cloud.fmode.cn/sHNeVwSaAg/20230602/cv1d8f031530864.png" />
        评分9.9分
      </view>
      <text wx:for="{{item.tags}}" wx:for-item="tag" wx:key="index">{{tag}}</text>
    </view>
    <view class="bottom">
      <text class="prive">￥{{item.price}}/人</text>
      <!-- <text class="range">距离 km</text> -->
    </view>
  </view>
</view>
</view>