nova-trip/nova-tourism/pages/food-list/index.wxml

<nav type="back" background-color="{{activeColor}}" title="美食预定" frontColor="#ffffff" />
<van-search value="{{ value }}" placeholder="请输入搜索关键词" background="{{activeColor}}" shape="round" use-action-slot bind:change="onChan" bind:search="onSearch">
    <!-- <view slot="action" bind:tap="onClick">搜索</view> -->
</van-search>
<van-tabs id="show" active="{{ active }}" bind:change="onChange" color="{{activeColor}}">
    <van-tab title="推荐">
        <scroll-view style="height:calc(100vh - {{stickytop+ 98}}px);" scroll-y="{{true}}">
            <view class="box">
                <block wx:for="{{list}}" wx:key="index">
                    <view class="recommended-box" bindtap="storepackage" data-item="{{item}}">
                        <image class="recommended-image" src="{{item.cover}}" />
                        <view class="recommended-name">{{item.storeName}}</view>
                        <view class="recommended-score">
                            <view class="score" style="color: {{activeColor}};">{{item.score}}分</view>
                            <!-- <view class="sale">月售327</view> -->
                            <view class="price" style="color: {{activeColor}};">￥{{item.perCapita}}/人</view>
                        </view>
                    
                        <view class="recommended-score">
                            <view class="recommended-address">{{item.storeAddress}}</view>
                        </view>
                        <view class="recommended-distance">距离{{item.distance}}km</view>
                    </view>
                </block>
            </view>
        </scroll-view>
    </van-tab>
    <van-tab title="评分">
        <scroll-view style="height:calc(100vh - {{stickytop+ 148}}px);" scroll-y="{{true}}">
            <view class="box">
                <block wx:for="{{list}}" wx:key="index">
                    <view class="recommended-box" data-item="{{item}}" bindtap="storepackage">
                        <image class="recommended-image" src="{{item.image[0]}}" />
                        <view class="recommended-name">{{item.storeName}}</view>
                        <view class="recommended-score">
                            <view class="score" style="color: {{activeColor}};">{{item.score}}分</view>
                            <!-- <view class="sale">月售327</view> -->
                            <view class="price" style="color: {{activeColor}};">￥{{item.perCapita}}/人</view>
                        </view>
                        
                        <view class="recommended-score">
                            <view class="recommended-address">{{item.storeAddress}}</view>
                            <!-- <view class="recommended-distance">距离{{item.distance}}km</view> -->
                        </view>
                        <view class="recommended-distance">距离{{item.distance}}km</view>
                    </view>
                </block>
            </view>
        </scroll-view>
    </van-tab>
    <van-tab title="距离">
        <scroll-view style="height:calc(100vh - {{stickytop+ 148}}px);" scroll-y="{{true}}">
            <view class="box">
                <block wx:for="{{list}}" wx:key="index">
                    <view class="recommended-box" data-item="{{item}}" bindtap="storepackage">
                        <image class="recommended-image" src="{{item.image[0]}}" />
                        <view class="recommended-name">{{item.storeName}}</view>
                        <view class="recommended-score">
                            <view class="score" style="color: {{activeColor}};">{{item.score}}分</view>
                            <!-- <view class="sale">月售327</view> -->
                            <view class="price" style="color: {{activeColor}};">￥{{item.perCapita}}/人</view>
                        </view>
                     
                        <view class="recommended-score">
                            <view class="recommended-address">{{item.storeAddress}}</view>
                        </view>
                        <view class="recommended-distance">距离{{item.distance}}km</view>
                    </view>
                </block>
            </view>
        </scroll-view>
    </van-tab>
    <van-tab title="价格">
        <scroll-view style="height:calc(100vh - {{stickytop+ 148}}px);" scroll-y="{{true}}">
            <view class="box">
                <block wx:for="{{list}}" wx:key="index">
                    <view class="recommended-box" data-item="{{item}}" bindtap="storepackage">
                        <image class="recommended-image" src="{{item.image[0]}}" />
                        <view class="recommended-name">{{item.storeName}}</view>
                        <view class="recommended-score">
                            <view class="score" style="color: {{activeColor}};">{{item.score}}分</view>
                            <!-- <view class="sale">月售327</view> -->
                            <view class="price" style="color: {{activeColor}};">￥{{item.perCapita}}/人</view>
                        </view>
                        
                        <view class="recommended-score">
                            <view class="recommended-address">{{item.storeAddress}}</view>
                            <!-- <view class="recommended-distance">距离{{item.distance}}km</view> -->
                        </view>
                        <view class="recommended-distance">距离{{item.distance}}km</view>
                    </view>
                </block>
            </view>
        </scroll-view>
    </van-tab>
</van-tabs>
<!-- <block wx:for="{{list}}" wx:key="index">
    <view class="store" bindtap="storepackage">
        <view class="stores">
            <image class="store-image" src="{{item.image[0]}}" />
            <view class="store-box">
                <view class="box-name">{{item.storeName}}</view>
                <view class="price">￥{{item.perCapita}}/人</view>
                <view class="address">{{item.storeAddress}}</view>
            </view>
        </view>
        <view class="box-evaluation">
            <view class="store-evaluation">
                <van-rate readonly value="{{ item.score }}" allow-half void-icon="star" size="{{ 15 }}" void-color="#eee" color="#ffd21e" />
                <view class="evaluation">{{item.score}}</view>
            </view>
            <view class="sold">季售 {{item.sold?item.sold:'0'}}</view>
        </view>
    </view>
</block> -->