index.skeleton.wxml 9.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160
  1. <!--
  2. 此文件为开发者工具生成,生成时间: 2022/12/27上午10:10:10
  3. 使用方法:
  4. 在 E:\云链项目\e-wechat\packageA\shopping\index.wxml 引入模板
  5. ```
  6. <import src="index.skeleton.wxml"/>
  7. <template is="skeleton" wx:if="{{loading}}" />
  8. ```
  9. 在 E:\云链项目\e-wechat\packageA\shopping\index.wxss 中引入样式
  10. ```
  11. @import "./index.skeleton.wxss";
  12. ```
  13. 更多详细信息可以参考文档:https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
  14. -->
  15. <template name="skeleton">
  16. <view class="sk-container">
  17. <view class="item-box">
  18. <navigator class="top">
  19. <view class="image">
  20. <view is="miniprogram_npm/@vant/weapp/image/index">
  21. <view class=" van-image image-index--van-image" style="width:100%;height:100%">
  22. <image class="van-image__img image-index--van-image__img sk-image" mode="aspectFill" lazy-load="true"></image>
  23. </view>
  24. </view>
  25. </view>
  26. <view class="content">
  27. <view class="title">
  28. <text class="line-1 sk-transparent sk-text-14-2857-29 sk-text">测试新增</text>
  29. <text class="iconfont icon-guanlian-shanchu sk-pseudo sk-pseudo-circle" data-item="[object Object]"></text>
  30. </view>
  31. <view class="exp sk-transparent sk-text-14-7059-638 sk-text">编号:150</view>
  32. <view class="exp sk-transparent sk-text-14-7059-603 sk-text">规格:450*560*850</view>
  33. <view class="exp sk-transparent sk-text-14-7059-166 sk-text">型号:S</view>
  34. <view class="exp sk-transparent sk-text-14-7059-252 sk-text">品牌:班尼戈</view>
  35. <view class="exp sk-transparent">
  36. <text style="font-size: 12px;font-weight: 600;color: #FF3B30;" class="sk-transparent sk-text-14-7059-876 sk-text">¥10</text>/
  37. <text style="font-size: 10px;" class="sk-transparent sk-text-20-5882-958 sk-text">¥10</text>
  38. </view>
  39. </view>
  40. </navigator>
  41. <view class="bottom">
  42. <view class="check" data-item="[object Object]">
  43. <view is="miniprogram_npm/@vant/weapp/checkbox/index">
  44. <view class="van-checkbox checkbox-index--van-checkbox ">
  45. <view class="van-checkbox__icon-wrap checkbox-index--van-checkbox__icon-wrap">
  46. <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">
  47. <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>
  48. </view>
  49. </view>
  50. <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">
  51. 选中
  52. </view>
  53. </view>
  54. </view>
  55. </view>
  56. <view is="miniprogram_npm/@vant/weapp/stepper/index" data-index="0">
  57. <view class="van-stepper stepper-index--van-stepper ">
  58. <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>
  59. <view class="input-class van-stepper__input stepper-index--van-stepper__input sk-image" style="true" type="digit" value="6"></view>
  60. <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>
  61. </view>
  62. </view>
  63. </view>
  64. </view>
  65. <view class="item-box">
  66. <navigator class="top">
  67. <view class="image">
  68. <view is="miniprogram_npm/@vant/weapp/image/index">
  69. <view class=" van-image image-index--van-image" style="width:100%;height:100%">
  70. <image class="van-image__img image-index--van-image__img sk-image" mode="aspectFill" lazy-load="true"></image>
  71. </view>
  72. </view>
  73. </view>
  74. <view class="content">
  75. <view class="title">
  76. <text class="line-1 sk-transparent sk-text-14-2857-82 sk-text">暖通复合管</text>
  77. <text class="iconfont icon-guanlian-shanchu sk-pseudo sk-pseudo-circle" data-item="[object Object]"></text>
  78. </view>
  79. <view class="exp sk-transparent sk-text-14-7059-418 sk-text">编号:NBNTO-28571530003</view>
  80. <view class="exp sk-transparent sk-text-14-7059-634 sk-text">规格:22 * 1.5</view>
  81. <view class="exp sk-transparent sk-text-14-7059-308 sk-text">型号:DN20</view>
  82. <view class="exp sk-transparent sk-text-14-7059-314 sk-text">品牌:班尼戈</view>
  83. <view class="exp sk-transparent">
  84. <text style="font-size: 12px;font-weight: 600;color: #FF3B30;" class="sk-transparent sk-text-14-7059-281 sk-text">¥0</text>/
  85. <text style="font-size: 10px;" class="sk-transparent sk-text-20-5882-460 sk-text">¥0</text>
  86. </view>
  87. </view>
  88. </navigator>
  89. <view class="bottom">
  90. <view class="check" data-item="[object Object]">
  91. <view is="miniprogram_npm/@vant/weapp/checkbox/index">
  92. <view class="van-checkbox checkbox-index--van-checkbox ">
  93. <view class="van-checkbox__icon-wrap checkbox-index--van-checkbox__icon-wrap">
  94. <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">
  95. <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>
  96. </view>
  97. </view>
  98. <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">
  99. 选中
  100. </view>
  101. </view>
  102. </view>
  103. </view>
  104. <view is="miniprogram_npm/@vant/weapp/stepper/index" data-index="1">
  105. <view class="van-stepper stepper-index--van-stepper ">
  106. <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>
  107. <view class="input-class van-stepper__input stepper-index--van-stepper__input sk-image" style="true" type="digit" value="5"></view>
  108. <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>
  109. </view>
  110. </view>
  111. </view>
  112. </view>
  113. <view class="item-box">
  114. <navigator class="top">
  115. <view class="image">
  116. <view is="miniprogram_npm/@vant/weapp/image/index">
  117. <view class=" van-image image-index--van-image" style="width:100%;height:100%">
  118. <image class="van-image__img image-index--van-image__img sk-image" mode="aspectFill" lazy-load="true"></image>
  119. </view>
  120. </view>
  121. </view>
  122. <view class="content">
  123. <view class="title">
  124. <text class="line-1 sk-transparent sk-text-14-2857-437 sk-text">暖通复合管</text>
  125. <text class="iconfont icon-guanlian-shanchu sk-pseudo sk-pseudo-circle" data-item="[object Object]"></text>
  126. </view>
  127. <view class="exp sk-transparent sk-text-14-7059-392 sk-text">编号:NBNTO-28571530003</view>
  128. <view class="exp sk-transparent sk-text-14-7059-944 sk-text">规格:22 * 1.5</view>
  129. <view class="exp sk-transparent sk-text-14-7059-388 sk-text">型号:DN20</view>
  130. <view class="exp sk-transparent sk-text-14-7059-677 sk-text">品牌:班尼戈</view>
  131. <view class="exp sk-transparent">
  132. <text style="font-size: 12px;font-weight: 600;color: #FF3B30;" class="sk-transparent sk-text-14-7059-876 sk-text">¥0</text>/
  133. <text style="font-size: 10px;" class="sk-transparent sk-text-20-5882-740 sk-text">¥0</text>
  134. </view>
  135. </view>
  136. </navigator>
  137. </view>
  138. <view class="footer">
  139. <view class="left">
  140. <view class="sum sk-transparent">
  141. 商品合计:
  142. <text class="sk-transparent sk-text-15-0000-373 sk-text">¥43534534</text>
  143. </view>
  144. <view class="transport sk-transparent">
  145. 运费(预估):
  146. <text class="sk-transparent sk-text-14-7059-783 sk-text">¥324</text>
  147. </view>
  148. </view>
  149. <view is="miniprogram_npm/@vant/weapp/button/index">
  150. <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"
  151. 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">
  152. <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>
  153. </button>
  154. </view>
  155. </view>
  156. </view>
  157. </template>