info.skeleton.wxml 4.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. <!--
  2. 此文件为开发者工具生成,生成时间: 2024/12/15下午7:37:02
  3. 使用方法:
  4. 在 G:\IDEA_PROJECT\Minip\bxd_voms_mini\pages\user\info\info.wxml 引入模板
  5. ```
  6. <import src="info.skeleton.wxml"/>
  7. <template is="skeleton" wx:if="{{loading}}" />
  8. ```
  9. 在 G:\IDEA_PROJECT\Minip\bxd_voms_mini\pages\user\info\info.wxss 中引入样式
  10. ```
  11. @import "./info.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. <form>
  18. <view class="titleText sk-transparent sk-text-14-2857-303 sk-text">个人信息</view>
  19. <view class="pannel">
  20. <view class="cell">
  21. <view class="cellText sk-transparent sk-text-32-9545-311 sk-text sk-pseudo sk-pseudo-circle">头像</view>
  22. <image class="cellAvatar sk-image"></image>
  23. </view>
  24. <view class="cell">
  25. <view class="cellText sk-transparent sk-text-32-9545-91 sk-text sk-pseudo sk-pseudo-circle">用户名</view>
  26. <view class="cellInput disabled sk-transparent sk-text-32-9545-701 sk-text" style="background-position-x: 100%;">abel0001</view>
  27. </view>
  28. <view class="cell">
  29. <view class="cellText sk-transparent sk-text-32-9545-537 sk-text sk-pseudo sk-pseudo-circle">姓名</view>
  30. <view class="cellInput sk-image" value="abel0001"></view>
  31. </view>
  32. <view class="cell">
  33. <view class="cellText sk-transparent sk-text-32-9545-933 sk-text sk-pseudo sk-pseudo-circle">联系电话</view>
  34. <view class="cellInput sk-image" value="17755754365"></view>
  35. </view>
  36. <view class="cell">
  37. <view class="cellText sk-transparent sk-text-32-9545-928 sk-text sk-pseudo sk-pseudo-circle">电子邮箱</view>
  38. <view class="cellInput sk-image" value="1229542594@qq.com"></view>
  39. </view>
  40. <view class="cell">
  41. <view class="cellText sk-transparent sk-text-32-9545-689 sk-text sk-pseudo sk-pseudo-circle">角色类型</view>
  42. <view class="cellInput disabled sk-transparent sk-text-32-9545-32 sk-text" style="background-position-x: 100%;">普通用户,区域负责人,库存管理员</view>
  43. </view>
  44. <view class="cell">
  45. <view class="cellText sk-transparent sk-text-32-9545-370 sk-text sk-pseudo sk-pseudo-circle">所属角色</view>
  46. <view class="cellInput disabled sk-transparent sk-text-32-9545-212 sk-text" style="background-position-x: 100%;">市场部</view>
  47. </view>
  48. </view>
  49. <view class="titleText sk-transparent sk-text-14-2857-270 sk-text">公司信息</view>
  50. <view class="pannel">
  51. <view class="cell">
  52. <view class="cellText sk-transparent sk-text-32-9545-499 sk-text sk-pseudo sk-pseudo-circle">公司名称</view>
  53. <view class="cellInput disabled sk-transparent sk-text-32-9545-530 sk-text" style="background-position-x: 100%;">博蒂家贸易(上海)有限公司</view>
  54. </view>
  55. <view class="cell">
  56. <view class="cellText sk-transparent sk-text-32-9545-435 sk-text sk-pseudo sk-pseudo-circle">所属部门</view>
  57. <view class="cellInput disabled sk-transparent sk-text-32-9545-595 sk-text" style="background-position-x: 100%;">市场部</view>
  58. </view>
  59. <view class="cell">
  60. <view class="cellText sk-transparent sk-text-32-9545-758 sk-text sk-pseudo sk-pseudo-circle">所属货主</view>
  61. <view class="cellInput disabled sk-transparent sk-text-32-9545-238 sk-text" style="background-position-x: 100%;">La_Bottega</view>
  62. </view>
  63. <view class="cell">
  64. <view class="cellText sk-transparent sk-text-32-9545-414 sk-text sk-pseudo sk-pseudo-circle">所属成本中心</view>
  65. <view class="cellInput disabled sk-transparent sk-text-32-9545-694 sk-text" style="background-position-x: 100%;">La_Bottega</view>
  66. </view>
  67. </view>
  68. <view class="submit">
  69. <button class="sk-transparent sk-button sk-pseudo sk-pseudo-circle">保存</button>
  70. </view>
  71. </form>
  72. </view>
  73. </template>