nova-trip/nova-tourism/pages/gourmet/store-package/meal-order/order-detail/index.wxml

<nav type="back" background-color="#46a9a4" title="堂食点餐" frontColor="#ffffff" />
<view class="link">
    <!-- 左边 -->
    <scroll-view class="left" scroll-y scroll-with-animation scroll-top="{{scrollTops}}">
        <view class="item {{tabCur === index ?'active':''}}" wx:for="{{cates}}" wx:key="index" data-index="{{index}}" bindtap="tabNav">
            {{item.name}}
        </view>
    </scroll-view>
    <!-- 右边 -->
    <scroll-view class="right" scroll-y scroll-with-animation scroll-into-view="scroll-{{rightCur}}" bindscroll="scrollLink">
        <!-- 重点： id="scroll-{
   {index}}"  这个必须要有 不然实现不了左边联动右边的效果 -->
        <view wx:for="{{cates}}" wx:key="index" class="right-cont" id="scroll-{{index}}">
            <view class="title">{{item.name}}</view>
            <view class="content">
                <block wx:if="{{item.foodList && item.foodList.length > 0}}">
                    <view class="list-item" wx:for="{{item.foodList}}" wx:key="objectId" wx:for-index="indexs" wx:for-item="food">
                        <view class="box">
                            <image class="image" src="{{food.images[0]}}" />
                            <view class="details">
                                <view class="name">{{food.name}}</view>
                                <!-- <block wx:if="{{food.tags && food.tags.length > 0 }}">
                                    <view class="tags"  wx:for="{{food.tags}}" wx:key="tag"  wx:for-item="tag">
                                        <view class="tag">
                                            {{tag}}
                                        </view>
                                    </view>
                                </block> -->
                                <view class="price">￥ {{food.price}} 元 / {{food.unit ? food.unit : '份'}} </view>
                                
                                <div class="count-box">
                                    <image class="discount" src="https://file-cloud.fmode.cn/sHNeVwSaAg/20230705/hio6ip112459404.png" 
                                    catchtap="discount" data-food="{{food}}"  lazy-load="false" binderror="" bindload="" />
                                    <view class="count">
                                            {{countMap[food.objectId] ? countMap[food.objectId] : 0 }}
                                    </view>
                                    <image class="addcount" src="https://file-cloud.fmode.cn/sHNeVwSaAg/20230705/oaolhn112459488.png"  
                                catchtap="addcount" data-food="{{food}}" lazy-load="false" binderror="" bindload="" />
                                </div>
                            </view>
                        </view>
                    </view>
                </block>
                <block wx:else>
                    <van-empty description="暂无菜品" />
                </block>
            </view>
        </view>
    </scroll-view>
</view>

<view class="order_cart">
    <image class="cart" src="https://file-cloud.fmode.cn/sHNeVwSaAg/20230705/s5d15r112459637.png" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload="" />
    <view class="count">
        {{totalCount}}
    </view>
      
    <view class="total_price">
        ￥ {{totalPrice}} 元
    </view>
    <view class="submit" bindtap = "toSubmit">
        去结算
    </view>
</view>

<payment style="z-index: 99999;" id='payMent' show="{{show}}" orderId="{{order ? order.id : ''}}" showType="all"
tradeNo="{{tradeNo}}" price="{{totalPrice}}" bind:payResult='acceptResult' showType="all" />