detail.skeleton.wxml 6.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108
  1. <!--
  2. 此文件为开发者工具生成,生成时间: 2023/1/31上午10:15:32
  3. 使用方法:
  4. 在 E:\云链项目\e-wechat\packageA\invoice\detail.wxml 引入模板
  5. ```
  6. <import src="detail.skeleton.wxml"/>
  7. <template is="skeleton" wx:if="{{loading}}" />
  8. ```
  9. 在 E:\云链项目\e-wechat\packageA\invoice\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-246 sk-text">
  19. IB2023010400001
  20. </view>
  21. <view class="exp sk-transparent sk-text-11-7647-236 sk-text">状态:审核</view>
  22. <view class="exp sk-transparent sk-text-11-7647-536 sk-text">创建日期:2023-01-04 11:03:54</view>
  23. <view class="exp sk-transparent sk-text-11-7647-584 sk-text">开票单位:嘉兴市1号有限公司</view>
  24. <view class="exp sk-transparent sk-text-11-7647-620 sk-text">备注:--</view>
  25. </view>
  26. <view is="components/Yl_FunTabs/index">
  27. <scroll-view enable-flex="true" enable-passive="true" scroll-with-animation="true" scroll-x="true" class="scroll FunTabs-index--scroll" scroll-left="0">
  28. <view class="item FunTabs-index--item" data-index="0">
  29. <view class="icon FunTabs-index--icon">
  30. <text class="iconfont FunTabs-index--iconfont icon-tabchanpin FunTabs-index--icon-tabchanpin sk-pseudo sk-pseudo-circle"></text>
  31. </view>
  32. <view class="label FunTabs-index--label line-1 FunTabs-index--line-1 sk-transparent sk-text-14-2857-956 sk-text" style="background-position-x: 50%;">详细信息</view>
  33. </view>
  34. <view class="item FunTabs-index--item" data-index="1">
  35. <view class="icon FunTabs-index--icon">
  36. <text class="iconfont FunTabs-index--iconfont icon-tabchanpin FunTabs-index--icon-tabchanpin sk-pseudo sk-pseudo-circle"></text>
  37. </view>
  38. <view class="label FunTabs-index--label line-1 FunTabs-index--line-1 sk-transparent sk-text-14-2857-274 sk-text" style="background-position-x: 50%;">开票单位</view>
  39. </view>
  40. <view class="item FunTabs-index--item active FunTabs-index--active" data-index="2" id="b1a74e56--active2">
  41. <view class="icon FunTabs-index--icon">
  42. <text class="iconfont FunTabs-index--iconfont icon-tabchanpin FunTabs-index--icon-tabchanpin sk-pseudo sk-pseudo-circle"></text>
  43. </view>
  44. <view class="label FunTabs-index--label line-1 FunTabs-index--line-1 sk-transparent sk-text-14-2857-446 sk-text" style="background-position-x: 50%;">开票明细</view>
  45. </view>
  46. <view class="item FunTabs-index--item" data-index="3">
  47. <view class="icon FunTabs-index--icon">
  48. <text class="iconfont FunTabs-index--iconfont icon-tabchanpin FunTabs-index--icon-tabchanpin sk-pseudo sk-pseudo-circle"></text>
  49. </view>
  50. <view class="label FunTabs-index--label line-1 FunTabs-index--line-1 sk-transparent sk-text-14-2857-865 sk-text" style="background-position-x: 50%;">发票</view>
  51. </view>
  52. </scroll-view>
  53. <view class="slot-box FunTabs-index--slot-box">
  54. <view is="packageA/invoice/modules/detailLine/index" id="DetailLine">
  55. <view class="detailLine-index--head">
  56. <view class="detailLine-index--count sk-transparent sk-text-14-2857-696 sk-text">开票订单行</view>
  57. <view class="detailLine-index--expand"></view>
  58. </view>
  59. <view is="packageA/invoice/modules/detailLine/list/index">
  60. <view class="product-item list-index--product-item">
  61. <navigator class="product list-index--product" data-item="[object Object]">
  62. <view class="mian list-index--mian">
  63. <view class="img list-index--img" data-file="[object Object],[object Object],[object Object],[object Object]">
  64. <view is="miniprogram_npm/@vant/weapp/image/index">
  65. <view class=" van-image image-index--van-image" style="width:100%;height:100%">
  66. <image class="van-image__img image-index--van-image__img sk-image" mode="scaleToFill" lazy-load="true"></image>
  67. </view>
  68. </view>
  69. </view>
  70. <view class="dec list-index--dec">
  71. <view class="title list-index--title">
  72. <text class="line-1 list-index--line-1 sk-transparent sk-text-14-2857-23 sk-text">测试新增</text>
  73. </view>
  74. <view class="subfield list-index--subfield sk-transparent sk-text-14-7059-728 sk-text">
  75. 标准订单:SO202211300013
  76. </view>
  77. <view class="subfield list-index--subfield sk-transparent sk-text-14-7059-18 sk-text">
  78. 可开票金额:300元
  79. </view>
  80. <view class="subfield list-index--subfield">
  81. <text class="line-1 list-index--line-1 sk-transparent sk-text-14-7059-840 sk-text" style="margin-right: 3px;">型号:S</text>
  82. <text class="line-1 list-index--line-1 sk-transparent sk-text-14-7059-329 sk-text">规格: --</text>
  83. </view>
  84. </view>
  85. </view>
  86. </navigator>
  87. <view class="bot list-index--bot">
  88. <view class="row list-index--row">
  89. <view>
  90. <view class="label list-index--label sk-transparent sk-text-14-2857-380 sk-text">开票金额(元):</view>
  91. <view class="input list-index--input sk-image" data-data="[object Object]" disabled="true" style="width: 120px;" type="digit" value="300"></view>
  92. </view>
  93. <view style="flex: 1; justify-content: flex-end;">
  94. <view class="label list-index--label line-1 list-index--line-1 sk-transparent sk-text-14-2857-145 sk-text">开票数量:1千克</view>
  95. </view>
  96. </view>
  97. </view>
  98. </view>
  99. </view>
  100. </view>
  101. <view style="height: 70px;"></view>
  102. </view>
  103. </view>
  104. </view>
  105. </template>