E_WeChat/packageA/shopping/index.skeleton.wxml

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

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

在 E:\云链项目\e-wechat\packageA\shopping\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="item-box">
      <navigator class="top">
        <view class="image">
          <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="content">
          <view class="title">
            <text class="line-1 sk-transparent sk-text-14-2857-29 sk-text">测试新增</text>
            <text class="iconfont icon-guanlian-shanchu sk-pseudo sk-pseudo-circle" data-item="[object Object]"></text>
          </view>
          <view class="exp sk-transparent sk-text-14-7059-638 sk-text">编号：150</view>
          <view class="exp sk-transparent sk-text-14-7059-603 sk-text">规格：450*560*850</view>
          <view class="exp sk-transparent sk-text-14-7059-166 sk-text">型号：S</view>
          <view class="exp sk-transparent sk-text-14-7059-252 sk-text">品牌：班尼戈</view>
          <view class="exp sk-transparent">
            <text style="font-size: 12px;font-weight: 600;color: #FF3B30;" class="sk-transparent sk-text-14-7059-876 sk-text">￥10</text>/
            <text style="font-size: 10px;" class="sk-transparent sk-text-20-5882-958 sk-text">￥10</text>
          </view>
        </view>
      </navigator>
      <view class="bottom">
        <view class="check" data-item="[object Object]">
          <view is="miniprogram_npm/@vant/weapp/checkbox/index">
            <view class="van-checkbox checkbox-index--van-checkbox ">
              <view class="van-checkbox__icon-wrap checkbox-index--van-checkbox__icon-wrap">
                <view is="miniprogram_npm/@vant/weapp/icon/index" class="van-checkbox__icon checkbox-index--van-checkbox__icon van-checkbox__icon--square checkbox-index--van-checkbox__icon--square" style="font-size:12px">
                  <view class="van-icon icon-index--van-icon van-icon-success icon-index--van-icon-success sk-pseudo sk-pseudo-circle" style="font-size:0.8em;line-height: 1.25em;"></view>
                </view>
              </view>
              <view class="label-class van-checkbox__label checkbox-index--van-checkbox__label van-checkbox__label--right checkbox-index--van-checkbox__label--right sk-transparent sk-text-20-0000-847 sk-text">
                选中
              </view>
            </view>
          </view>
        </view>
        <view is="miniprogram_npm/@vant/weapp/stepper/index" data-index="0">
          <view class="van-stepper stepper-index--van-stepper ">
            <view class="van-stepper__minus stepper-index--van-stepper__minus sk-pseudo sk-pseudo-circle" data-type="minus" hover-class="van-stepper__minus--hover" hover-stay-time="70" style="true"></view>
            <view class="input-class van-stepper__input stepper-index--van-stepper__input sk-image" style="true" type="digit" value="6"></view>
            <view class="van-stepper__plus stepper-index--van-stepper__plus sk-pseudo sk-pseudo-circle" data-type="plus" hover-class="van-stepper__plus--hover" hover-stay-time="70" style="true"></view>
          </view>
        </view>
      </view>
    </view>
    <view class="item-box">
      <navigator class="top">
        <view class="image">
          <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="content">
          <view class="title">
            <text class="line-1 sk-transparent sk-text-14-2857-82 sk-text">暖通复合管</text>
            <text class="iconfont icon-guanlian-shanchu sk-pseudo sk-pseudo-circle" data-item="[object Object]"></text>
          </view>
          <view class="exp sk-transparent sk-text-14-7059-418 sk-text">编号：NBNTO-28571530003</view>
          <view class="exp sk-transparent sk-text-14-7059-634 sk-text">规格：22 * 1.5</view>
          <view class="exp sk-transparent sk-text-14-7059-308 sk-text">型号：DN20</view>
          <view class="exp sk-transparent sk-text-14-7059-314 sk-text">品牌：班尼戈</view>
          <view class="exp sk-transparent">
            <text style="font-size: 12px;font-weight: 600;color: #FF3B30;" class="sk-transparent sk-text-14-7059-281 sk-text">￥0</text>/
            <text style="font-size: 10px;" class="sk-transparent sk-text-20-5882-460 sk-text">￥0</text>
          </view>
        </view>
      </navigator>
      <view class="bottom">
        <view class="check" data-item="[object Object]">
          <view is="miniprogram_npm/@vant/weapp/checkbox/index">
            <view class="van-checkbox checkbox-index--van-checkbox ">
              <view class="van-checkbox__icon-wrap checkbox-index--van-checkbox__icon-wrap">
                <view is="miniprogram_npm/@vant/weapp/icon/index" class="van-checkbox__icon checkbox-index--van-checkbox__icon van-checkbox__icon--square checkbox-index--van-checkbox__icon--square" style="font-size:12px">
                  <view class="van-icon icon-index--van-icon van-icon-success icon-index--van-icon-success sk-pseudo sk-pseudo-circle" style="font-size:0.8em;line-height: 1.25em;"></view>
                </view>
              </view>
              <view class="label-class van-checkbox__label checkbox-index--van-checkbox__label van-checkbox__label--right checkbox-index--van-checkbox__label--right sk-transparent sk-text-20-0000-174 sk-text">
                选中
              </view>
            </view>
          </view>
        </view>
        <view is="miniprogram_npm/@vant/weapp/stepper/index" data-index="1">
          <view class="van-stepper stepper-index--van-stepper ">
            <view class="van-stepper__minus stepper-index--van-stepper__minus sk-pseudo sk-pseudo-circle" data-type="minus" hover-class="van-stepper__minus--hover" hover-stay-time="70" style="true"></view>
            <view class="input-class van-stepper__input stepper-index--van-stepper__input sk-image" style="true" type="digit" value="5"></view>
            <view class="van-stepper__plus stepper-index--van-stepper__plus sk-pseudo sk-pseudo-circle" data-type="plus" hover-class="van-stepper__plus--hover" hover-stay-time="70" style="true"></view>
          </view>
        </view>
      </view>
    </view>
    <view class="item-box">
      <navigator class="top">
        <view class="image">
          <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="content">
          <view class="title">
            <text class="line-1 sk-transparent sk-text-14-2857-437 sk-text">暖通复合管</text>
            <text class="iconfont icon-guanlian-shanchu sk-pseudo sk-pseudo-circle" data-item="[object Object]"></text>
          </view>
          <view class="exp sk-transparent sk-text-14-7059-392 sk-text">编号：NBNTO-28571530003</view>
          <view class="exp sk-transparent sk-text-14-7059-944 sk-text">规格：22 * 1.5</view>
          <view class="exp sk-transparent sk-text-14-7059-388 sk-text">型号：DN20</view>
          <view class="exp sk-transparent sk-text-14-7059-677 sk-text">品牌：班尼戈</view>
          <view class="exp sk-transparent">
            <text style="font-size: 12px;font-weight: 600;color: #FF3B30;" class="sk-transparent sk-text-14-7059-876 sk-text">￥0</text>/
            <text style="font-size: 10px;" class="sk-transparent sk-text-20-5882-740 sk-text">￥0</text>
          </view>
        </view>
      </navigator>
    </view>
    <view class="footer">
      <view class="left">
        <view class="sum sk-transparent">
          商品合计:
          <text class="sk-transparent sk-text-15-0000-373 sk-text">￥43534534</text>
        </view>
        <view class="transport sk-transparent">
          运费（预估）:
          <text class="sk-transparent sk-text-14-7059-783 sk-text">￥324</text>
        </view>
      </view>
      <view is="miniprogram_npm/@vant/weapp/button/index">
        <button app-parameter="true" business-id="true" class="but van-button button-index--van-button van-button--default button-index--van-button--default van-button--normal button-index--van-button--normal sk-button sk-pseudo sk-pseudo-circle" data-detail="null"
          form-type="true" hover-class="van-button--active hover-class" lang="true" open-type="true" send-message-img="true" send-message-path="true" send-message-title="true" session-from="true" style="true">
          <view class="van-button__text button-index--van-button__text sk-transparent sk-text-15-0000-582 sk-text" style="background-position-x: 50%;">生成订单</view>
        </button>
      </view>
    </view>
  </view>
</template>