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

<!--
此文件为开发者工具生成，生成时间: 2022/3/11 下午5:12:52
使用方法：
在 /Users/admin/Documents/chef_project/ysc-applet/pages/tabBar/allGoods/allGoods.wxml 引入模板

```
<import src="allGoods.skeleton.wxml"/>
<template is="skeleton" wx-if="{{loading}}" />
```

在 /Users/admin/Documents/chef_project/ysc-applet/pages/tabBar/allGoods/allGoods.wxss 中引入样式
```
@import "./allGoods.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
-->
<template name="skeleton">
  <view class="sk-container">
    <view is="components/navigationBar/navigationBar">
      <custom-component>
        <view style="height:90px;">
          <view class="navigationBar--flex navigationBar--commonHead" style="color:#000;background-color:#FFFFFF;height:90px;">
            <view class="navigationBar--commonHeadWrap navigationBar--flex">
              <view class="navigationBar--commonHeadTextBox navigationBar--flex">
                <view class="navigationBar--headTitle navigationBar--line1 sk-transparent sk-text-31-8182-172 sk-text" style="background-position-x: 50%;">全部商品</view>
              </view>
            </view>
          </view>
        </view>
      </custom-component>
    </view>
    <view class="pageContainer">
      <view class="pageNavBox">
        <view class="pageNavFixed" style="top:90px;">
          <view class="navList flex-c">
            <view class="navItem flex-c sel" data-type="all">
              <view class="text sk-transparent sk-text-14-2857-525 sk-text">综合</view>
            </view>
            <view class="navItem flex-c" data-type="sales">
              <view class="text sk-transparent sk-text-14-2857-365 sk-text">销量</view>
            </view>
            <view class="navItem flex-c" data-type="create_time">
              <view class="text sk-transparent sk-text-14-2857-100 sk-text">新品</view>
            </view>
            <view class="navItem flex-c" data-type="price">
              <view class="text sk-transparent sk-text-14-2857-589 sk-text">价格</view>
              <view class="iconBox">
                <image class="icon t sk-image" mode="aspectFill"></image>
                <image class="icon sk-image" mode="aspectFill"></image>
              </view>
            </view>
          </view>
        </view>
      </view>
      <view class="pageMian">
        <view class="goodsList">
          <view class="goodsItem flex" data-url="/pages/cart/pages/goodsDetail/goodsDetail?goods_id=10051">
            <view class="goodsImgBox">
              <image lazy-load="true" mode="aspectFill" class="sk-image"></image>
            </view>
            <view class="goodsInfo sk-pseudo sk-pseudo-circle">
              <view class="goodsTextBox">
                <view class="goodsName textSpill2 sk-transparent sk-text-14-2857-818 sk-text">路东专员3</view>
                <view class="goodsNumber sk-transparent sk-text-14-2857-925 sk-text">月销量：1.5w</view>
              </view>
              <view class="priceBox">
                <text class="tag sk-transparent sk-opacity">¥</text>
                <text class="pra sk-transparent sk-opacity">0</text>
                <text class="prb sk-transparent sk-text-14-2857-586 sk-text">.10</text>
              </view>
            </view>
            <view class="addCartBox" data-id="10051">
              <image class="icon sk-image" mode="aspectFill"></image>
            </view>
          </view>
          <view class="goodsItem flex" data-url="/pages/cart/pages/goodsDetail/goodsDetail?goods_id=10069">
            <view class="goodsImgBox">
              <image lazy-load="true" mode="aspectFill" class="sk-image"></image>
            </view>
            <view class="goodsInfo sk-pseudo sk-pseudo-circle">
              <view class="goodsTextBox">
                <view class="goodsName textSpill2 sk-transparent sk-text-14-2857-184 sk-text">公明腊肠--winter2</view>
                <view class="goodsNumber sk-transparent sk-text-14-2857-876 sk-text">月销量：5731</view>
              </view>
              <view class="priceBox">
                <text class="tag sk-transparent sk-opacity">¥</text>
                <text class="pra sk-transparent sk-opacity">1</text>
                <text class="prb sk-transparent sk-text-14-2857-616 sk-text">.00</text>
              </view>
            </view>
            <view class="addCartBox" data-id="10069">
              <image class="icon sk-image" mode="aspectFill"></image>
            </view>
          </view>
          <view class="goodsItem flex" data-url="/pages/cart/pages/goodsDetail/goodsDetail?goods_id=10068">
            <view class="goodsImgBox">
              <image lazy-load="true" mode="aspectFill" class="sk-image"></image>
            </view>
            <view class="goodsInfo sk-pseudo sk-pseudo-circle">
              <view class="goodsTextBox">
                <view class="goodsName textSpill2 sk-transparent sk-text-14-2857-726 sk-text">公明腊肠--winter1</view>
                <view class="goodsNumber sk-transparent sk-text-14-2857-458 sk-text">月销量：5071</view>
              </view>
              <view class="priceBox">
                <text class="tag sk-transparent sk-opacity">¥</text>
                <text class="pra sk-transparent sk-opacity">0</text>
                <text class="prb sk-transparent sk-text-14-2857-817 sk-text">.20</text>
              </view>
            </view>
            <view class="addCartBox" data-id="10068">
              <image class="icon sk-image" mode="aspectFill"></image>
            </view>
          </view>
          <view class="goodsItem flex" data-url="/pages/cart/pages/goodsDetail/goodsDetail?goods_id=10115">
            <view class="goodsImgBox">
              <image lazy-load="true" mode="aspectFill" class="sk-image"></image>
            </view>
            <view class="goodsInfo sk-pseudo sk-pseudo-circle">
              <view class="goodsTextBox">
                <view class="goodsName textSpill2 sk-transparent sk-text-14-2857-75 sk-text">summer公明腊肠优惠套餐更改1</view>
                <view class="goodsNumber sk-transparent sk-text-14-2857-183 sk-text">月销量：1139</view>
              </view>
              <view class="priceBox">
                <text class="tag sk-transparent sk-opacity">¥</text>
                <text class="pra sk-transparent sk-text-14-2857-996 sk-text">120</text>
                <text class="prb sk-transparent sk-text-14-2857-354 sk-text">.50</text>
              </view>
            </view>
            <view class="addCartBox" data-id="10115">
              <image class="icon sk-image" mode="aspectFill"></image>
            </view>
          </view>
          <view class="goodsItem flex" data-url="/pages/cart/pages/goodsDetail/goodsDetail?goods_id=10066">
            <view class="goodsImgBox">
              <image lazy-load="true" mode="aspectFill" class="sk-image"></image>
            </view>
            <view class="goodsInfo sk-pseudo sk-pseudo-circle">
              <view class="goodsTextBox">
                <view class="goodsName textSpill2 sk-transparent sk-text-14-2857-61 sk-text">公明腊肠--SUMMER20</view>
                <view class="goodsNumber sk-transparent sk-text-14-2857-159 sk-text">月销量：1096</view>
              </view>
              <view class="priceBox">
                <text class="tag sk-transparent sk-opacity">¥</text>
                <text class="pra sk-transparent sk-text-14-2857-825 sk-text">10</text>
                <text class="prb sk-transparent sk-text-14-2857-245 sk-text">.00</text>
              </view>
            </view>
            <view class="addCartBox" data-id="10066">
              <image class="icon sk-image" mode="aspectFill"></image>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>