<!--
此文件为开发者工具生成，生成时间: 2024/7/4下午2:01:03
使用方法：
在 D:\开发项目\来斯奥E订单\packageA\activity\bindingProduct\index.wxml 引入模板

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

在 D:\开发项目\来斯奥E订单\packageA\activity\bindingProduct\index.wxss 中引入样式
```
@import "./index.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
-->
<template name="skeleton">
  <view class="sk-container">
    <view is="miniprogram_npm/@vant/weapp/search/index" class="search">
      <view class="van-search search-index--van-search " style="background: #ffffff">
        <view class="van-search__content search-index--van-search__content van-search__content--round search-index--van-search__content--round">
          <view is="miniprogram_npm/@vant/weapp/field/index" class="van-search__field search-index--van-search__field ">
            <view is="miniprogram_npm/@vant/weapp/cell/index">
              <view class="field-index--van-field van-cell cell-index--van-cell van-cell--borderless cell-index--van-cell--borderless sk-pseudo sk-pseudo-circle" hover-class="van-cell--hover hover-class" hover-stay-time="70" style="padding: 5px 10px 5px 0; background-color: transparent;">
                <view is="miniprogram_npm/@vant/weapp/icon/index" class="van-cell__left-icon-wrap cell-index--van-cell__left-icon-wrap">
                  <view class="cell-index--van-cell__left-icon van-icon icon-index--van-icon van-icon-search icon-index--van-icon-search sk-pseudo sk-pseudo-circle" style="true"></view>
                </view>
                <view class="van-cell__value cell-index--van-cell__value ">
                  <view class="van-field__body field-index--van-field__body van-field__body--search field-index--van-field__body--search">
                    <view class="van-field__control field-index--van-field__control sk-image" cursor="-1" maxlength="-1" placeholder="请输入搜索关键词" placeholder-class="van-field__placeholder" placeholder-style="true" selection-end="-1" selection-start="-1" type="search"
                      value="true"></view>
                  </view>
                </view>
              </view>
            </view>
          </view>
        </view>
      </view>
    </view>
    <view is="miniprogram_npm/@vant/weapp/tabs/index">
      <view class=" van-tabs tabs-index--van-tabs van-tabs--line tabs-index--van-tabs--line">
        <view is="miniprogram_npm/@vant/weapp/sticky/index">
          <view class=" van-sticky sticky-index--van-sticky" style="z-index:1">
            <view class="van-sticky-wrap sticky-index--van-sticky-wrap" style="z-index:1">
              <view class="van-tabs__wrap tabs-index--van-tabs__wrap ">
                <scroll-view class="van-tabs__scroll tabs-index--van-tabs__scroll van-tabs__scroll--line tabs-index--van-tabs__scroll--line" scroll-left="0" style="border-color: var(--assist)">
                  <view class="van-tabs__nav tabs-index--van-tabs__nav van-tabs__nav--line tabs-index--van-tabs__nav--line " style="true">
                    <view class="van-tabs__line tabs-index--van-tabs__line" style="width:40px;opacity:1;transform:translateX(45px);-webkit-transform:translateX(45px);background-color:var(--assist);transition-duration:0.3s;-webkit-transition-duration:0.3s"></view>
                    <view class="  van-ellipsis tabs-index--van-ellipsis van-tab tabs-index--van-tab van-tab--active tabs-index--van-tab--active" data-index="0" style="color:var(--assist)">
                      <view class="van-ellipsis tabs-index--van-ellipsis sk-transparent sk-text-34-0909-287 sk-text" style="background-position-x: 50%;">
                        A套餐
                      </view>
                    </view>
                    <view class=" van-ellipsis tabs-index--van-ellipsis van-tab tabs-index--van-tab" data-index="1" style="true">
                      <view class="van-ellipsis tabs-index--van-ellipsis sk-transparent sk-text-34-0909-622 sk-text" style="background-position-x: 50%;">
                        B套餐
                      </view>
                    </view>
                    <view class=" van-ellipsis tabs-index--van-ellipsis van-tab tabs-index--van-tab" data-index="2" style="true">
                      <view class="van-ellipsis tabs-index--van-ellipsis sk-transparent sk-text-34-0909-431 sk-text" style="background-position-x: 50%;">
                        C套餐
                      </view>
                    </view>
                  </view>
                </scroll-view>
              </view>
            </view>
          </view>
        </view>
        <view class="van-tabs__content tabs-index--van-tabs__content">
          <view class="van-tabs__track tabs-index--van-tabs__track van-tabs__track tabs-index--van-tabs__track" style="true">
            <view is="miniprogram_npm/@vant/weapp/tab/index">
              <view class=" van-tab__pane tab-index--van-tab__pane van-tab__pane--active tab-index--van-tab__pane--active" style="true"></view>
            </view>
            <view is="miniprogram_npm/@vant/weapp/tab/index"></view>
            <view is="miniprogram_npm/@vant/weapp/tab/index"></view>
          </view>
        </view>
      </view>
    </view>
    <view is="pages/index/collect/modules/custom" id="Custom">
      <view is="miniprogram_npm/@vant/weapp/dialog/index" id="5b226dd9--Dialog">
        <view is="miniprogram_npm/@vant/weapp/popup/index">
          <view is="miniprogram_npm/@vant/weapp/overlay/index">
            <view is="miniprogram_npm/@vant/weapp/transition/index"></view>
          </view>
        </view>
      </view>
    </view>
    <view style="height: 10px;"></view>
    <view is="components/Yl_ListBox/index" id="ListBox">
      <scroll-view scroll-y="true" class="ListBox-index--scroll-view" lower-threshold="300" refresher-enabled="true" style="height: 699px;">
        <view class="item-box">
          <view class="top" data-id="148834" data-item="[object Object]">
            <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 line-1 sk-transparent sk-text-14-2857-951 sk-text">
                D-FW48G (韵白)
              </view>
              <view class="exp sk-transparent sk-text-14-7059-626 sk-text">编号：80902148</view>
              <view class="exp sk-transparent sk-text-14-7059-43 sk-text">规格： --</view>
              <view class="exp sk-transparent sk-text-14-7059-479 sk-text">型号： --</view>
              <view class="exp">
                <text style="font-size: 12px;font-weight: 600;color: #FF3B30;" class="sk-transparent sk-text-14-7059-350 sk-text">￥98.91</text>
                <text style="font-size: 10px; text-decoration: line-through transparent; margin-left: 3px;" class="sk-transparent sk-text-20-5882-274 sk-text">￥109.90</text>
              </view>
              <view class="exp sk-transparent" data-item="[object Object]" style="color:#085CDF;">
                长:定制,宽:定制
                <view is="miniprogram_npm/@vant/weapp/icon/index">
                  <view class="van-icon icon-index--van-icon van-icon-arrow-down icon-index--van-icon-arrow-down sk-pseudo sk-pseudo-circle" style="true"></view>
                </view>
              </view>
              <view class="exp sk-transparent sk-text-14-7059-714 sk-text">特征码： --</view>
              <view class="exp sk-transparent sk-text-14-7059-870 sk-text">
                包装数量：1 (片)
              </view>
              <view class="exp sk-transparent sk-text-14-7059-109 sk-text">可购数量：不限购 </view>
            </view>
          </view>
          <view class="bottom">
            <view class="check" data-item="[object Object]">
              <view class="label-class sk-transparent sk-text-14-2857-700 sk-text" style="font-size: 13px;">
                数量:
              </view>
            </view>
            <view is="miniprogram_npm/@vant/weapp/stepper/index" data-index="0" data-iscatch="catch">
              <view class="van-stepper stepper-index--van-stepper ">
                <view class="van-stepper__minus stepper-index--van-stepper__minus van-stepper__minus--disabled stepper-index--van-stepper__minus--disabled 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 van-stepper__input--disabled stepper-index--van-stepper__input--disabled sk-image" style="true" type="digit" value="1" disabled="true"></view>
                <view class="van-stepper__plus stepper-index--van-stepper__plus van-stepper__plus--disabled stepper-index--van-stepper__plus--disabled 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">
          <view class="top" data-id="134081" data-item="[object Object]">
            <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 line-1 sk-transparent sk-text-14-2857-66 sk-text">
                DB-QB595P014-01
              </view>
              <view class="exp sk-transparent sk-text-14-7059-802 sk-text">编号：80403300</view>
              <view class="exp sk-transparent sk-text-14-7059-611 sk-text">规格： --</view>
              <view class="exp sk-transparent sk-text-14-7059-908 sk-text">型号： --</view>
              <view class="exp">
                <text style="font-size: 12px;font-weight: 600;color: #FF3B30;" class="sk-transparent sk-text-14-7059-994 sk-text">￥71.55</text>
                <text style="font-size: 10px; text-decoration: line-through transparent; margin-left: 3px;" class="sk-transparent sk-text-20-5882-949 sk-text">￥79.50</text>
              </view>
              <view class="exp sk-transparent" data-item="[object Object]" style="color:#085CDF;">
                长:定制,宽:定制
                <view is="miniprogram_npm/@vant/weapp/icon/index">
                  <view class="van-icon icon-index--van-icon van-icon-arrow-down icon-index--van-icon-arrow-down sk-pseudo sk-pseudo-circle" style="true"></view>
                </view>
              </view>
              <view class="exp sk-transparent sk-text-14-7059-36 sk-text">特征码： --</view>
              <view class="exp sk-transparent sk-text-14-7059-762 sk-text">
                包装数量：1 (片)
              </view>
              <view class="exp sk-transparent sk-text-14-7059-428 sk-text">可购数量：不限购 </view>
            </view>
          </view>
          <view class="bottom">
            <view class="check" data-item="[object Object]">
              <view class="label-class sk-transparent sk-text-14-2857-398 sk-text" style="font-size: 13px;">
                数量:
              </view>
            </view>
            <view is="miniprogram_npm/@vant/weapp/stepper/index" data-index="1" data-iscatch="catch">
              <view class="van-stepper stepper-index--van-stepper ">
                <view class="van-stepper__minus stepper-index--van-stepper__minus van-stepper__minus--disabled stepper-index--van-stepper__minus--disabled 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 van-stepper__input--disabled stepper-index--van-stepper__input--disabled sk-image" style="true" type="digit" value="1" disabled="true"></view>
                <view class="van-stepper__plus stepper-index--van-stepper__plus van-stepper__plus--disabled stepper-index--van-stepper__plus--disabled 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">
          <view class="top" data-id="134078" data-item="[object Object]">
            <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 line-1 sk-transparent sk-text-14-2857-186 sk-text">
                DB-QB1200T014-01
              </view>
              <view class="exp sk-transparent sk-text-14-7059-85 sk-text">编号：80403297</view>
              <view class="exp sk-transparent sk-text-14-7059-788 sk-text">规格： --</view>
              <view class="exp sk-transparent sk-text-14-7059-867 sk-text">型号： --</view>
              <view class="exp">
                <text style="font-size: 12px;font-weight: 600;color: #FF3B30;" class="sk-transparent sk-text-14-7059-336 sk-text">￥76.05</text>
                <text style="font-size: 10px; text-decoration: line-through transparent; margin-left: 3px;" class="sk-transparent sk-text-20-5882-258 sk-text">￥84.50</text>
              </view>
              <view class="exp sk-transparent" data-item="[object Object]" style="color:#085CDF;">
                长:定制,宽:定制
                <view is="miniprogram_npm/@vant/weapp/icon/index">
                  <view class="van-icon icon-index--van-icon van-icon-arrow-down icon-index--van-icon-arrow-down sk-pseudo sk-pseudo-circle" style="true"></view>
                </view>
              </view>
            </view>
          </view>
        </view>
      </scroll-view>
    </view>
    <view class="footer">
      <view class="left sk-transparent sk-text-37-2727-584 sk-text">
        选择：A套餐
      </view>
      <view is="miniprogram_npm/@vant/weapp/button/index">
        <button app-parameter="true" business-id="true" class="but van-button weapp-button-index--van-button van-button--default weapp-button-index--van-button--default van-button--normal weapp-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 weapp-button-index--van-button__text sk-transparent sk-text-15-0000-795 sk-text" style="background-position-x: 50%;">生成订单</view>
        </button>
      </view>
    </view>
  </view>
</template>