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

<!-- 
<view class="top">
  <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>
</view> -->

<headerCard imgUrls="{{banner}}" active='0' 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||defaultCover}}) no-repeat 100% 100%;" bindtap="storepackage" data-item="{{item}}">
    <view style="height: 160rpx;">
      <view class="ranking" style="background: {{index==0?'#FBB404':(index==1?'#D0CFCB':'#BB9382 ')}};">{{index+1}}</view>
    </view>
    <view class="title">
      {{item.storeName}}
    </view>
    <view class="content">
      {{item.storeAddress}}
    </view>
  </view>
</view>
<view class="tabs">
  <view wx:for="{{tabs}}" wx:key="item" data-index="{{index}}" 
  bindtap="onTabClick"  class="{{active==index?'tabIndex':''}}">
      {{item.title}}
  </view>
</view>
<view class="card" wx:for="{{list}}" wx:key="index" bindtap="storepackage" data-item="{{item}}">
  <view class="image">
    <image src="{{item.cover}}"></image>
  </view>
  <view class="content">
    <view class="title">{{item.storeName}}</view>
    <view class="detail">{{item.storeAddress}}</view>
    <view class="tabs">
      <view class="score">
        <van-icon name="https://file-cloud.fmode.cn/sHNeVwSaAg/20230602/cv1d8f031530864.png" />
        评分{{item.score}}分
      </view>
      <text wx:for="{{item.tags}}" wx:key="index" wx:for-item="tag">{{tag}}</text>
    </view>
    <view class="bottom">
      <text class="prive">￥{{item.perCapita}}/人</text>
      <text class="range">距离 {{item.distance}}km</text>
    </view>
  </view>
</view>
</view>