nova-trip/nova-tourism/components/template2/gourmet/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/food-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>
    <view class="content">
      <block wx:for="{{rankList}}" wx:for-item="content" wx:if="{{idx<4}}" wx:key="*this" wx:for-index="idx"> 
        <view class="card" bindtap="goUrl" data-url="/nova-tourism/pages/gourmet/store-package/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">
        <view class="navItemTitle">{{item.title}}</view>
      </view>
    </block>
  </view>
</view>

<view style="margin: 24rpx 32rpx;">
  <image style="width:687rpx;height:165rpx;"
    src="https://file.ruixiuauto.com/cDBRXuM6Xh/20230808/hu1af5051336154.web" />
</view>

<view class="play-list">
  <block wx:for="{{list}}" wx:key="index">
    <view class="play-item" bindtap="goUrl" data-url="/nova-tourism/pages/gourmet/store-package/index?id={{item.objectId}}">
      <view class="item-img">
        <view class="item-ranking">HOT</view>
        <image src="{{item.cover}}"
          style="width: 332rpx;height: 308rpx;" />
      </view>
      <view class="body">
        <view class="item-text">
          {{item.storeName}}</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.perCapita}}</view>
          <view>距离 {{item.distances}}km</view>
        </view>
      </view>
    </view>
  </block>
</view>