detail.skeleton.wxml 9.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153
  1. <!--
  2. 此文件为开发者工具生成,生成时间: 2023/2/2下午2:25:03
  3. 使用方法:
  4. 在 E:\云链项目\e-wechat\packageA\toolBill\detail.wxml 引入模板
  5. ```
  6. <import src="detail.skeleton.wxml"/>
  7. <template is="skeleton" wx:if="{{loading}}" />
  8. ```
  9. 在 E:\云链项目\e-wechat\packageA\toolBill\detail.wxss 中引入样式
  10. ```
  11. @import "./detail.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="intr">
  18. <view class="num sk-transparent sk-text-10-0000-159 sk-text">
  19. AMB2023011600001
  20. </view>
  21. <view class="exp sk-transparent sk-text-11-7647-868 sk-text">状态:新建</view>
  22. <view class="exp sk-transparent sk-text-11-7647-912 sk-text">单据日期:2023-01-16</view>
  23. <view class="exp sk-transparent sk-text-11-7647-641 sk-text">来源单号:SO202211300013</view>
  24. <view class="exp sk-transparent sk-text-11-7647-15 sk-text">是否实物返回:是</view>
  25. <view class="exp sk-transparent sk-text-11-7647-734 sk-text">提交日期:--</view>
  26. <view class="exp sk-transparent sk-text-11-7647-315 sk-text">审核日期:--</view>
  27. <view class="exp sk-transparent sk-text-11-7647-473 sk-text">归还原因:11eeee</view>
  28. </view>
  29. <view is="components/Yl_FunTabs/index">
  30. <scroll-view enable-flex="true" enable-passive="true" scroll-with-animation="true" scroll-x="true" class="scroll FunTabs-index--scroll" scroll-left="0">
  31. <view class="item FunTabs-index--item" data-index="0">
  32. <view class="icon FunTabs-index--icon">
  33. <text class="iconfont FunTabs-index--iconfont icon-tabchanpin FunTabs-index--icon-tabchanpin sk-pseudo sk-pseudo-circle"></text>
  34. </view>
  35. <view class="label FunTabs-index--label line-1 FunTabs-index--line-1 sk-transparent sk-text-14-2857-318 sk-text" style="background-position-x: 50%;">详细信息</view>
  36. </view>
  37. <view class="item FunTabs-index--item active FunTabs-index--active" data-index="1" id="cbf286d8--active1">
  38. <view class="icon FunTabs-index--icon">
  39. <text class="iconfont FunTabs-index--iconfont icon-tabcaozuojilu1 FunTabs-index--icon-tabcaozuojilu1 sk-pseudo sk-pseudo-circle"></text>
  40. </view>
  41. <view class="label FunTabs-index--label line-1 FunTabs-index--line-1 sk-transparent sk-text-14-2857-981 sk-text" style="background-position-x: 50%;">商品明细</view>
  42. </view>
  43. </scroll-view>
  44. <view class="slot-box FunTabs-index--slot-box">
  45. <view is="packageA/toolBill/modules/toolDetail/index" id="toolBill">
  46. <view class="toolDetail-index--head">
  47. <view class="toolDetail-index--count sk-transparent sk-text-14-2857-635 sk-text">商品明细</view>
  48. <view class="toolDetail-index--expand">
  49. <navigator class="toolDetail-index--but">
  50. <view is="miniprogram_npm/@vant/weapp/icon/index">
  51. <view class="van-icon icon-index--van-icon van-icon-plus icon-index--van-icon-plus sk-pseudo sk-pseudo-circle" style="true"></view>
  52. </view>
  53. </navigator>
  54. </view>
  55. </view>
  56. <view is="packageA/toolBill/modules/toolDetail/list/index">
  57. <view class="product-item index--product-item">
  58. <navigator class="product index--product" data-item="[object Object]">
  59. <view class="mian index--mian">
  60. <view class="img index--img" data-file="[object Object],[object Object],[object Object],[object Object]">
  61. <view is="miniprogram_npm/@vant/weapp/image/index">
  62. <view class=" van-image image-index--van-image" style="width:100%;height:100%">
  63. <image class="van-image__img image-index--van-image__img sk-image" mode="scaleToFill" lazy-load="true"></image>
  64. </view>
  65. </view>
  66. </view>
  67. <view class="dec index--dec">
  68. <view class="title index--title">
  69. <text class="line-1 index--line-1 sk-transparent sk-text-14-2857-36 sk-text">测试新增</text>
  70. </view>
  71. <view class="subfield index--subfield sk-transparent sk-text-14-7059-516 sk-text">
  72. 编号:150
  73. </view>
  74. <view class="subfield index--subfield">
  75. <text class="line-1 index--line-1 sk-transparent sk-text-14-7059-888 sk-text" style="margin-right: 3px;">型号:S</text>
  76. <text class="line-1 index--line-1 sk-transparent sk-text-14-7059-345 sk-text">规格:450*560*850</text>
  77. </view>
  78. <view class="subfield index--subfield">
  79. <text class="line-1 index--line-1 sk-transparent sk-text-14-7059-644 sk-text" style="margin-right: 3px;">材质: --</text>
  80. <text class="line-1 index--line-1 sk-transparent sk-text-14-7059-872 sk-text">标准: --</text>
  81. </view>
  82. <view class="subfield index--subfield">
  83. <text class="line-1 index--line-1 sk-transparent sk-text-14-7059-271 sk-text" style="margin-right: 3px;">起订数量:10</text>
  84. <text class="line-1 index--line-1 sk-transparent sk-text-14-7059-873 sk-text" style="margin-right: 3px;">订单增量:10</text>
  85. </view>
  86. </view>
  87. <view class="delete index--delete" data-item="[object Object]">
  88. <text class="iconfont index--iconfont icon-guanlian-shanchu index--icon-guanlian-shanchu sk-pseudo sk-pseudo-circle"></text>
  89. </view>
  90. </view>
  91. </navigator>
  92. <view class="bot index--bot">
  93. <view class="row index--row">
  94. <view>
  95. <view class="label index--label sk-transparent sk-text-14-2857-365 sk-text">单价:10</view>
  96. </view>
  97. </view>
  98. <view class="row index--row">
  99. <view>
  100. <view class="label index--label sk-transparent">数量
  101. <text class="sk-transparent sk-text-14-2857-599 sk-text">(千克)</text>:</view>
  102. <view class="input index--input sk-image" data-data="[object Object]" data-name="qty" style="width: 120px;" type="digit" value="3000"></view>
  103. </view>
  104. <view class="money index--money sk-transparent">
  105. 金额:
  106. <text class="sk-transparent sk-text-14-2857-814 sk-text">¥30000元</text>
  107. </view>
  108. </view>
  109. <view class="row index--row">
  110. <view style="width: 100%;">
  111. <view class="label index--label sk-transparent sk-text-14-2857-986 sk-text">返退原因:</view>
  112. <view class="input index--input sk-image" data-data="[object Object]" data-name="reason" placeholder="返退原因" style="flex: 1; text-align: left;padding-left: 5px;" type="text" value="ttttttt"></view>
  113. </view>
  114. </view>
  115. </view>
  116. </view>
  117. </view>
  118. </view>
  119. <view style="height: 70px;"></view>
  120. </view>
  121. </view>
  122. <view is="components/Yl_Tabbar/index">
  123. <view class="tabbar Tabbar-index--tabbar" style="padding-bottom: 17px;">
  124. <navigator class="tabbar-item Tabbar-index--tabbar-item" data-item="[object Object]">
  125. <view class="icon Tabbar-index--icon">
  126. <text class="iconfont Tabbar-index--iconfont icon-dibu-bianji Tabbar-index--icon-dibu-bianji sk-pseudo sk-pseudo-circle"></text>
  127. </view>
  128. <view class="label Tabbar-index--label line-1 Tabbar-index--line-1 sk-transparent sk-text-14-2857-2 sk-text">编辑</view>
  129. </navigator>
  130. <navigator class="tabbar-item Tabbar-index--tabbar-item" data-item="[object Object]">
  131. <view class="icon Tabbar-index--icon">
  132. <text class="iconfont Tabbar-index--iconfont icon-tijiao Tabbar-index--icon-tijiao sk-pseudo sk-pseudo-circle"></text>
  133. </view>
  134. <view class="label Tabbar-index--label line-1 Tabbar-index--line-1 sk-transparent sk-text-14-2857-371 sk-text">{{language['提交']||'提交'}}</view>
  135. </navigator>
  136. <navigator class="tabbar-item Tabbar-index--tabbar-item" data-item="[object Object]">
  137. <view class="icon Tabbar-index--icon">
  138. <text class="iconfont Tabbar-index--iconfont icon-guanlian-shanchu Tabbar-index--icon-guanlian-shanchu sk-pseudo sk-pseudo-circle"></text>
  139. </view>
  140. <view class="label Tabbar-index--label line-1 Tabbar-index--line-1 sk-transparent sk-text-14-2857-19 sk-text">删除</view>
  141. </navigator>
  142. </view>
  143. <view is="miniprogram_npm/@vant/weapp/popup/index">
  144. <view is="miniprogram_npm/@vant/weapp/overlay/index">
  145. <view is="miniprogram_npm/@vant/weapp/transition/index"></view>
  146. </view>
  147. </view>
  148. </view>
  149. </view>
  150. </template>