xzy/pages/product/list.wxml

<view class="content">
    <view class="navbar" style="{{'position:'+headerPosition+';'+'top:'+headerTop+';'}}">
        <view bindtap="__e" class="{{['nav-item',filterIndex===0?'current':'']}}" data-event-opts="{{[ [ 'tap',[ [ 'tabClick',[0] ] ] ] ]}}">综合排序</view>
        <view bindtap="__e" class="{{['nav-item',filterIndex===1?'current':'']}}" data-event-opts="{{[ [ 'tap',[ [ 'tabClick',[1] ] ] ] ]}}">
            <text>销量优先</text>
            <view class="p-box">
                <text class="{{['iconfont iconfold',numberOrder===1&&filterIndex===1?'active':'']}}"></text>
                <text class="{{['iconfont iconfold xia',numberOrder===2&&filterIndex===1?'active':'']}}"></text>
            </view>
        </view>
        <view bindtap="__e" class="{{['nav-item',filterIndex===2?'current':'']}}" data-event-opts="{{[ [ 'tap',[ [ 'tabClick',[2] ] ] ] ]}}">
            <text>价格</text>
            <view class="p-box">
                <text class="{{['iconfont iconfold',priceOrder===1&&filterIndex===2?'active':'']}}"></text>
                <text class="{{['iconfont iconfold xia',priceOrder===2&&filterIndex===2?'active':'']}}"></text>
            </view>
        </view>
        <text bindtap="__e" class="cate-item iconfont iconapps" data-event-opts="{{[ [ 'tap',[ [ 'toggleCateMask',['show'] ] ] ] ]}}"></text>
    </view>
    <view class="goods-list">
        <view bindtap="__e" class="goods-item" data-event-opts="{{[ [ 'tap',[ [ 'navToDetailPage',['$0'],[ [ ['goodsList','',index] ] ] ] ] ] ]}}" wx:for="{{goodsList}}" wx:key="index">
            <view class="image-wrapper">
                <image mode="aspectFill" src="{{item.image}}"></image>
            </view>
            <text class="title clamp">{{item.title}}</text>
            <view class="price-box">
                <text class="price">{{item.price}}</text>
                <text>{{'已售 '+item.sales}}</text>
            </view>
        </view>
    </view>
    <uni-load-more bind:__l="__l" status="{{loadingType}}" vueId="504effa2-1"></uni-load-more>
    <view bindtap="__e" class="{{['cate-mask',cateMaskState===0?'none':cateMaskState===1?'show':'']}}" data-event-opts="{{[ [ 'tap',[ [ 'toggleCateMask',['$event'] ] ] ] ]}}">
        <view catchtap="__e" catchtouchmove="__e" class="cate-content" data-event-opts="{{[ [ 'tap',[ [ 'stopPrevent',['$event'] ] ] ],[ 'touchmove',[ [ 'stopPrevent',['$event'] ] ] ] ]}}">
            <scroll-view class="cate-list" scrollY="{{true}}">
                <view wx:for="{{cateList}}" wx:for-index="__i0__" wx:key="id">
                    <view class="cate-item b-b two">{{item.cate_name}}</view>
                    <view bindtap="__e" class="{{['cate-item b-b',tItem.id==cateId?'active':'']}}" data-event-opts="{{[ [ 'tap',[ [ 'changeCate',['$0'],[ [ ['cateList','id',item.id],['children','id',tItem.id] ] ] ] ] ] ]}}" wx:for="{{item.children}}" wx:for-index="__i1__" wx:for-item="tItem" wx:key="id">{{''+tItem.cate_name+''}}</view>
                </view>
            </scroll-view>
        </view>
    </view>
</view>