E_WeChat/packageA/market/index.skeleton.wxml

<!--
此文件为开发者工具生成，生成时间: 2022/12/23下午1:47:07
使用方法：
在 E:\云链项目\e-wechat\packageA\market\index.wxml 引入模板

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

在 E:\云链项目\e-wechat\packageA\market\index.wxss 中引入样式
```
@import "./index.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
-->
<template name="skeleton">
  <view class="sk-container">
    <view class="head">
      <view class="search">
        <view class="iconfont icon-a-sousuolansousuo sk-pseudo sk-pseudo-circle" style="padding-left:10px;margin-right: 5px;"></view>
        <view class="input sk-image" placeholder="搜索商品" style="flex: 1;" type="text" value="true"></view>
      </view>
      <navigator class="but sk-transparent">
        <text class="iconfont icon-shengxu sk-pseudo sk-pseudo-circle"></text>排序</navigator>
      <navigator class="but sk-transparent">
        <text class="iconfont icon-shaixuan sk-pseudo sk-pseudo-circle"></text>筛选</navigator>
    </view>
    <view is="packageA/market/modules/tabs/index">
      <scroll-view enable-passive="true" enhanced="true" scroll-with-animation="true" scroll-x="true" class="index--scroll-box" scroll-left="0">
        <view class="index--box brand-box" style="scroll-snap-align: none;">
          <view class="index--item brand-tab-class index--active brand-active-class sk-transparent sk-text-26-9231-854 sk-text" data-index="0" data-item="[object Object]" id="0c117c11--active0">
            班尼戈
          </view>
        </view>
      </scroll-view>
    </view>
    <view is="packageA/market/modules/tabs/index">
      <scroll-view enable-passive="true" enhanced="true" scroll-with-animation="true" scroll-x="true" class="index--scroll-box" scroll-left="0">
        <view class="index--box brand-box" style="scroll-snap-align: none;">
          <view class="index--item brand-tab-class index--active brand-active-class sk-transparent sk-text-26-9231-720 sk-text" data-index="0" data-item="[object Object]" id="12d36c89--active0">
            辅材配件
          </view>
          <view class="index--item brand-tab-class sk-transparent sk-text-26-9231-419 sk-text" data-index="1" data-item="[object Object]" id="12d36c89--active1">
            通用工具
          </view>
          <view class="index--item brand-tab-class sk-transparent sk-text-26-9231-758 sk-text" data-index="2" data-item="[object Object]" id="12d36c89--active2">
            消防系列
          </view>
          <view class="index--item brand-tab-class sk-transparent sk-text-26-9231-76 sk-text" data-index="3" data-item="[object Object]" id="12d36c89--active3">
            给水系列
          </view>
        </view>
      </scroll-view>
    </view>
    <view is="components/Yl_FloatingButton/index">
      <view class="FloatingButton-index--float-box" style="top: 550px; left: 345px;">
        <view>
          <text class="corner-mark sk-transparent sk-text-14-2857-466 sk-text">99+</text>
          <image data-title="新建线索" style="width: 80px; height: 80px; transform: translate(-50%,-50%);" class="sk-image"></image>
        </view>
      </view>
    </view>
    <view class="division"></view>
    <view is="components/Yl_ListBox/index" id="ListBox">
      <scroll-view scroll-y="true" class="ListBox-index--scroll-view" refresher-enabled="true" style="height: 597px;">
        <view is="packageA/market/modules/list/index">
          <navigator class="list-index--product">
            <view class="list-index--image-box">
              <view is="miniprogram_npm/@vant/weapp/image/index">
                <view class=" van-image image-index--van-image" style="width:100%;height:100%">
                  <image class="van-image__img image-index--van-image__img sk-image" mode="aspectFill" lazy-load="true"></image>
                </view>
              </view>
            </view>
            <view class="list-index--right-box">
              <view class="list-index--title list-index--line-1 sk-transparent sk-text-15-0000-730 sk-text">紫铜管</view>
              <view class="list-index--type list-index--line-1 sk-transparent sk-text-14-7059-455 sk-text">4333</view>
              <view class="list-index--tags">
                <view style="background: #FF3B30;" class="sk-transparent sk-text-18-7500-658 sk-text">
                  欧标
                </view>
                <view style="background: #FA8C16;" class="sk-transparent sk-text-18-7500-74 sk-text">
                  班尼戈
                </view>
              </view>
              <view class="list-index--price">
                <view class="sk-transparent sk-text-14-2857-655 sk-text">
                  ￥ 1100.00~2356.12
                </view>
                <text class="sk-transparent sk-text-14-2857-908 sk-text">× 个</text>
              </view>
            </view>
          </navigator>
          <navigator class="list-index--product">
            <view class="list-index--image-box">
              <view is="miniprogram_npm/@vant/weapp/image/index">
                <view class=" van-image image-index--van-image" style="width:100%;height:100%">
                  <image class="van-image__img image-index--van-image__img sk-image" mode="aspectFill" lazy-load="true"></image>
                </view>
              </view>
            </view>
            <view class="list-index--right-box">
              <view class="list-index--title list-index--line-1 sk-transparent sk-text-15-0000-419 sk-text">阀门</view>
              <view class="list-index--type list-index--line-1 sk-transparent sk-text-14-7059-512 sk-text">20020908</view>
              <view class="list-index--tags">
                <view style="background: #FF3B30;" class="sk-transparent sk-text-18-7500-128 sk-text">
                  欧标
                </view>
                <view style="background: #FA8C16;" class="sk-transparent sk-text-18-7500-578 sk-text">
                  班尼戈
                </view>
              </view>
              <view class="list-index--price">
                <view class="sk-transparent sk-text-14-2857-217 sk-text">
                  ￥ 1100.00~2356.12
                </view>
                <text class="sk-transparent sk-text-14-2857-919 sk-text">× 个</text>
              </view>
            </view>
          </navigator>
          <navigator class="list-index--product">
            <view class="list-index--image-box">
              <view is="miniprogram_npm/@vant/weapp/image/index">
                <view class=" van-image image-index--van-image" style="width:100%;height:100%">
                  <image class="van-image__img image-index--van-image__img sk-image" mode="aspectFill" lazy-load="true"></image>
                </view>
              </view>
            </view>
            <view class="list-index--right-box">
              <view class="list-index--title list-index--line-1 sk-transparent sk-text-15-0000-665 sk-text">紫铜覆塑管</view>
              <view class="list-index--type list-index--line-1 sk-transparent sk-text-14-7059-7 sk-text">CMCULP 0150001</view>
              <view class="list-index--tags">
                <view style="background: #FF3B30;" class="sk-transparent sk-text-18-7500-370 sk-text">
                  欧标
                </view>
                <view style="background: #FA8C16;" class="sk-transparent sk-text-18-7500-637 sk-text">
                  班尼戈
                </view>
              </view>
              <view class="list-index--price">
                <view class="sk-transparent sk-text-14-2857-960 sk-text">
                  ￥ 1100.00~2356.12
                </view>
                <text class="sk-transparent sk-text-14-2857-4 sk-text">× 个</text>
              </view>
            </view>
          </navigator>
          <navigator class="list-index--product">
            <view class="list-index--image-box">
              <view is="miniprogram_npm/@vant/weapp/image/index">
                <view class=" van-image image-index--van-image" style="width:100%;height:100%">
                  <image class="van-image__img image-index--van-image__img sk-image" mode="aspectFill" lazy-load="true"></image>
                </view>
              </view>
            </view>
            <view class="list-index--right-box">
              <view class="list-index--title list-index--line-1 sk-transparent sk-text-15-0000-103 sk-text">铜本色等径直通</view>
              <view class="list-index--type list-index--line-1 sk-transparent sk-text-14-7059-98 sk-text">BM8270 0150000</view>
              <view class="list-index--tags">
                <view style="background: #FF3B30;" class="sk-transparent sk-text-18-7500-933 sk-text">
                  欧标
                </view>
                <view style="background: #FA8C16;" class="sk-transparent sk-text-18-7500-51 sk-text">
                  班尼戈
                </view>
              </view>
              <view class="list-index--price">
                <view class="sk-transparent sk-text-14-2857-831 sk-text">
                  ￥ 1100.00~2356.12
                </view>
                <text class="sk-transparent sk-text-14-2857-836 sk-text">× 个</text>
              </view>
            </view>
          </navigator>
          <navigator class="list-index--product">
            <view class="list-index--image-box">
              <view is="miniprogram_npm/@vant/weapp/image/index">
                <view class=" van-image image-index--van-image" style="width:100%;height:100%">
                  <image class="van-image__img image-index--van-image__img sk-image" mode="aspectFill" lazy-load="true"></image>
                </view>
              </view>
            </view>
            <view class="list-index--right-box">
              <view class="list-index--title list-index--line-1 sk-transparent sk-text-15-0000-887 sk-text">变频节压器</view>
              <view class="list-index--type list-index--line-1 sk-transparent sk-text-14-7059-723 sk-text">001</view>
              <view class="list-index--tags">
                <view style="background: #FF3B30;" class="sk-transparent sk-text-18-7500-88 sk-text">
                  欧标
                </view>
                <view style="background: #FA8C16;" class="sk-transparent sk-text-18-7500-80 sk-text">
                  班尼戈
                </view>
              </view>
              <view class="list-index--price">
                <view class="sk-transparent sk-text-14-2857-873 sk-text">
                  ￥ 1100.00~2356.12
                </view>
                <text class="sk-transparent sk-text-14-2857-777 sk-text">× 厘米</text>
              </view>
            </view>
          </navigator>
          <navigator class="list-index--product">
            <view class="list-index--image-box">
              <view is="miniprogram_npm/@vant/weapp/image/index"></view>
            </view>
            <view class="list-index--right-box">
              <view class="list-index--title list-index--line-1 sk-transparent sk-text-15-0000-913 sk-text">大萨达</view>
              <view class="list-index--type list-index--line-1 sk-transparent sk-text-14-7059-485 sk-text">25665589</view>
            </view>
          </navigator>
        </view>
      </scroll-view>
    </view>
  </view>
</template>