oms-mp/pages/category/category.skeleton.wxml

<!--
此文件为开发者工具生成，生成时间: 2024/12/9下午8:00:47
使用方法：
在 G:\IDEA_PROJECT\Minip\bxd_voms_mini\pages\category\category.wxml 引入模板

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

在 G:\IDEA_PROJECT\Minip\bxd_voms_mini\pages\category\category.wxss 中引入样式
```
@import "./category.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
-->
<template name="skeleton">
  <view class="sk-container">
    <view class="custom" style="padding-top:20px">
      <image mode="heightFix" style="height: 33px; width: 138.14px;" class="sk-image"></image>
    </view>
    <view class="search">
      <view placeholder="搜索：产品名称/SKU/69码" class="sk-image"></view>
      <icon class="icon-small sk-image" size="40rpx" type="search" color="#EFEFEF"></icon>
    </view>
    <view class="menu">
      <view class="menu-item" data-index="0" data-name="category1Index">
        <image class="sk-image"></image>
        <view class="text text1 sk-transparent sk-text-14-2857-675 sk-text" style="background-position-x: 50%;">HISTOIRES DE PARFUMS</view>
      </view>
      <view class="menu-item" data-index="1" data-name="category1Index">
        <image class="sk-image"></image>
        <view class="text text1 sk-transparent sk-text-14-2857-565 sk-text" style="background-position-x: 50%;">ARGAN</view>
      </view>
      <view class="menu-item" data-index="2" data-name="category1Index">
        <image class="sk-image"></image>
        <view class="text text1 sk-transparent sk-text-14-2857-131 sk-text" style="background-position-x: 50%;">ARGAN_Hanhe</view>
      </view>
      <view class="menu-item" data-index="3" data-name="category1Index">
        <image class="sk-image"></image>
        <view class="text text1 sk-transparent sk-text-14-2857-816 sk-text" style="background-position-x: 50%;">TOILETPAPER</view>
      </view>
      <view class="menu-item" data-index="4" data-name="category1Index">
        <image class="sk-image"></image>
        <view class="text text1 sk-transparent sk-text-14-2857-729 sk-text" style="background-position-x: 50%;">TO SUMMER</view>
      </view>
    </view>
    <view class="categoryMain">
      <view class="floorTitle sk-transparent sk-text-32-9545-19 sk-text" style="background-position-x: 50%;">正品好物推荐</view>
      <view class="categotyPanel">
        <view class="category">
          <view class="categoryItem active" data-index="0" data-name="category2Index">
            <view class="categoryText text1 sk-transparent sk-text-31-4286-632 sk-text" style="background-position-x: 50%;">1969 </view>
          </view>
          <view class="categoryItem" data-index="1" data-name="category2Index">
            <view class="categoryText text1 sk-transparent sk-text-31-4286-973 sk-text" style="background-position-x: 50%;">BLUE </view>
          </view>
        </view>
        <view class="categoryBody">
          <view class="categoryItemTool">
            <view class="categoryItemToolItem active sk-transparent sk-text-26-9231-110 sk-text" data-index="-1" data-name="category3Index">全部</view>
            <view class="categoryItemToolItem sk-transparent sk-text-26-9231-491 sk-text" data-index="0" data-name="category3Index">BODY CREAM </view>
            <view class="categoryItemToolItem sk-transparent sk-text-26-9231-249 sk-text" data-index="1" data-name="category3Index">CONDITIONER </view>
            <view class="categoryItemToolItem sk-transparent sk-text-26-9231-859 sk-text" data-index="2" data-name="category3Index">HAND CREAM </view>
          </view>
          <view class="goodsList">
            <view></view>
            <view style="overflow-y: auto;">
              <view class="goods">
                <image class="sk-image"></image>
                <view class="goodsInfo">
                  <view class="name text2 sk-transparent sk-text-15-7895-618 sk-text">HISTOIRES DE PARFUMS/1969/300 ML META DISPENSER HAIR &amp; BODY CREAM(ENG)</view>
                  <view class="brief text3"></view>
                  <view class="bar">
                    <view class="price sk-transparent sk-text-13-8889-887 sk-text">¥0</view>
                    <view class="iconfont icon-lujing icon sk-pseudo sk-pseudo-circle"></view>
                  </view>
                </view>
              </view>
              <view class="goods">
                <image class="sk-image"></image>
                <view class="goodsInfo">
                  <view class="name text2 sk-transparent sk-text-15-7895-860 sk-text">HISTOIRES DE PARFUMS/1969/300 ML INVISIBLE DISPENSER HAND&amp;BODY CREAM (ENG)</view>
                  <view class="brief text3"></view>
                  <view class="bar">
                    <view class="price sk-transparent sk-text-13-8889-471 sk-text">¥0</view>
                    <view class="iconfont icon-lujing icon sk-pseudo sk-pseudo-circle"></view>
                  </view>
                </view>
              </view>
              <view class="goods">
                <image class="sk-image"></image>
                <view class="goodsInfo">
                  <view class="name text2 sk-transparent sk-text-15-7895-871 sk-text">HISTOIRES DE PARFUMS/1969/300 ML META DISPENSER SHOWE GEL (ENG)</view>
                  <view class="brief text3"></view>
                  <view class="bar">
                    <view class="price sk-transparent sk-text-13-8889-684 sk-text">¥0</view>
                    <view class="iconfont icon-lujing icon sk-pseudo sk-pseudo-circle"></view>
                  </view>
                </view>
              </view>
              <view class="goods">
                <view class="noMore sk-transparent sk-text-15-3846-478 sk-text" style="background-position-x: 50%;">--我也是有底线的--</view>
              </view>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>