lachang-wxapp/pages/tabBar/allGoods/allGoods.wxml

<wxs module="textUtil" src="../../../utils/textUtil.wxs" />
<import src="allGoods.skeleton.wxml"/>
<template is="skeleton" wx-if="{{isLoading}}"/>
<navigation-bar title="全部商品" isHideBack="{{true}}"></navigation-bar>
<view class="pageContainer" wx:if="{{!isLoading}}">
    <view class="pageNavBox">
        <view class="pageNavFixed" style='top:{{statusBarHeight}}px;'>
            <view class="navList flex-c">
                <!-- 综合 -->
                <view class="navItem flex-c {{sortStyle == 'all'?'sel':''}}" bind:tap="changeNav" data-type = "all">
                    <view class="text">综合</view>
                </view>
                <!-- 销量 -->
                <view class="navItem flex-c {{sortStyle == 'sales'?'sel':''}}" bind:tap="changeNav" data-type = "sales">
                    <view class="text">销量</view>
                </view>
                <!-- 新品 -->
                 <view class="navItem flex-c {{sortStyle == 'create_time'?'sel':''}}" bind:tap="changeNav" data-type = "create_time">
                    <view class="text">新品</view>
                </view>
                <!-- 价格 -->
                <view class="navItem flex-c {{sortStyle == 'price'?'sel':''}}" bind:tap="changeNav" data-type = "price">
                    <view class="text">价格</view>
                    <view class="iconBox">
                      <block>
                            <image class="icon t" wx:if="{{sortStyle == 'price' && !sortSort}}" src="/static/icon/icon_tj_01.png" mode="aspectFill"></image>
                            <image class="icon t" wx:if="{{sortStyle != 'price' || (sortStyle == 'price' && sortSort)}}" src="/static/icon/icon_tj_1.png" mode="aspectFill"></image>
                        </block>
                        <block>
                            <image class="icon" wx:if="{{sortStyle == 'price' && sortSort}}" src="/static/icon/icon_bj_01.png" mode="aspectFill"></image>
                            <image class="icon" wx:if="{{sortStyle != 'price' || (sortStyle == 'price' && !sortSort)}}" src="/static/icon/icon_bj_1.png" mode="aspectFill"></image>
                        </block>
                    </view>
                </view>
            </view>
        </view>
    </view>
    <view class="pageMian">
        <!-- 商品列表 -->
        <view class="goodsList" wx:if="{{list && list.length > 0}}">
            <view class="goodsItem flex" wx:for="{{list}}" wx:for-item="item" wx:key="index" bindtap="navigateTo" data-url="/pages/cart/pages/goodsDetail/goodsDetail?goods_id={{item.goods_id}}">
                <view class="goodsImgBox">
                    <image src="{{item.goods_image+textUtil.imageSmall()}}" mode="aspectFill" lazy-load="{{true}}"></image>
                </view>
                <view class="goodsInfo">
                    <view class="goodsTextBox">
                        <view class="goodsName textSpill2">
                            <!-- 秒杀标识 -->
                            <image wx:if="{{item.miaosha && item.miaosha.type == 4}}" class="icon" src="/static/icon/goodsMx.png" mode="aspectFill"></image>
                            <image wx:elif="{{item.za}}" class="icon goodsMyZy" src="/static/icon/goodsMyZy.png" mode="aspectFill"></image>
                            <view class="goodsNameText">{{item.goods_name}}</view>
                        </view>
                        <view class="goodsNumber {{(item.memberPrice && item.memberPrice > 0)?'member':''}}">月销量：{{textUtil.numberFixed(item.goods_sales)}}</view>
                    </view>
                    <view class="priceContent">
                        <view class="flex-c">
                            <view class="priceBox">
                                <view class="tag">¥</view>
                                <view class="pra">{{textUtil.priceSplit(item.goods_price_min)[0]}}</view>
                                <view class="prb">.{{textUtil.priceSplit(item.goods_price_min)[1]}}</view>
                            </view>
                            <view class="linkprice" wx:if="{{textUtil.isShowLinePrice(item.goods_price_min,item.line_price_min)}}">
                                <text>¥</text>
                                <text class="lPr">{{item.line_price_min}}</text>
                            </view>
                        </view>
                        <!-- 会员价 -->
                        <view class="flex" wx:if="{{item.member_price && item.member_price > 0}}">
                            <view class="memberPriceBox flex-c-bet">
                                <view class="price">
                                    <text>¥</text>
                                    <text class="pr">{{item.member_price}}</text>
                                </view>
                                <image class="icon" src="/static/icon/icon_member.png" alt=""/>
                            </view>
                        </view>
                    </view>
                </view>
                <!-- 抢 -->
                <view class="robBox" wx:if="{{(item.miaosha && item.miaosha.type == 4) || item.za}}">
                    <image class="icon" src="/static/icon/icon_robBox.png" mode="aspectFill"></image>
                </view>
                 <view class="addCartBox" wx:else catchtap="addCart" data-id="{{item.goods_id}}" data-stock="{{item.stock_total}}">
                    <image class="icon" wx:if="{{item.stock_total && item.stock_total >0}}" src="/static/icon/icon_add_cart.png" mode="aspectFill"></image>
                    <image class="icon" wx:else src="/static/icon/icon_add_no.png" mode="aspectFill"></image>
                </view>
            </view>
        </view>
         <view class="emptyPage flex-column-c" wx:if="{{list.length <= 0}}">
            <image class="image" src="/static/images/image_not_log.png" mode=""></image>
            <view class="tips">暂无商品</view>
        </view>
    </view>
</view>