123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160 |
- <!--
- 此文件为开发者工具生成,生成时间: 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%;">{{language['生成订单']||'生成订单'}}</view>
- </button>
- </view>
- </view>
- </view>
- </template>
|