add.skeleton.wxml 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. <!--
  2. 此文件为开发者工具生成,生成时间: 2024/12/13下午4:10:10
  3. 使用方法:
  4. 在 G:\IDEA_PROJECT\Minip\bxd_voms_mini\pages\user\address\add\add.wxml 引入模板
  5. ```
  6. <import src="add.skeleton.wxml"/>
  7. <template is="skeleton" wx:if="{{loading}}" />
  8. ```
  9. 在 G:\IDEA_PROJECT\Minip\bxd_voms_mini\pages\user\address\add\add.wxss 中引入样式
  10. ```
  11. @import "./add.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>
  18. <view class="cellRender">
  19. <view auto-height="true" maxlength="200" placeholder="粘贴文本到此处,或自行输入文本,将智能拆分电话和地址" placeholder-style="font-size: 13px; color: #A2A2A2;" style="height: 47px;" class="sk-image"></view>
  20. <view class="sk-transparent sk-text-31-6667-700 sk-text" style="background-position-x: 50%;">粘贴并识别</view>
  21. </view>
  22. <form>
  23. <view class="titleText sk-transparent sk-text-14-2857-229 sk-text">填写地址</view>
  24. <view class="pannel">
  25. <view class="cell">
  26. <view class="cellText sk-transparent sk-text-32-9545-104 sk-text sk-pseudo sk-pseudo-circle">收货人公司</view>
  27. <view class="cellInput sk-image" maxlength="50" name="customerName" placeholder="请输入收货人公司" value="true"></view>
  28. </view>
  29. <view class="cell">
  30. <view class="cellText required sk-transparent sk-text-32-9545-78 sk-text sk-pseudo sk-pseudo-circle">收货人</view>
  31. <view class="cellInput sk-image" maxlength="50" name="receiver" placeholder="请输入收货人" value="true"></view>
  32. </view>
  33. <view class="cell">
  34. <view class="cellText required sk-transparent sk-text-32-9545-218 sk-text sk-pseudo sk-pseudo-circle">手机</view>
  35. <view class="cellInput sk-image" maxlength="11" name="mobile" placeholder="请输入联系电话" value="true"></view>
  36. </view>
  37. <view class="cell">
  38. <view class="cellText sk-transparent sk-text-32-9545-721 sk-text sk-pseudo sk-pseudo-circle">座机</view>
  39. <view class="cellInput sk-image" maxlength="12" name="tel" placeholder="座机:010-1234567" value="true"></view>
  40. </view>
  41. </view>
  42. <view class="pannel">
  43. <view class="cell">
  44. <view class="cellText required sk-transparent sk-text-32-9545-267 sk-text sk-pseudo sk-pseudo-circle">所在地区</view>
  45. <view header-text="选择所在地区" mode="multiSelector" name="address" range="[[&quot;北京市&quot;,&quot;天津市&quot;,&quot;河北省&quot;,&quot;山西省&quot;,&quot;内蒙古自治区&quot;,&quot;辽宁省&quot;,&quot;吉林省&quot;,&quot;黑龙江省&quot;,&quot;上海市&quot;,&quot;江苏省&quot;,&quot;浙江省&quot;,&quot;安徽省&quot;,&quot;福建省&quot;,&quot;江西省&quot;,&quot;山东省&quot;,&quot;河南省&quot;,&quot;湖北省&quot;,&quot;湖南省&quot;,&quot;广东省&quot;,&quot;广西壮族自治区&quot;,&quot;海南省&quot;,&quot;重庆市&quot;,&quot;四川省&quot;,&quot;贵州省&quot;,&quot;云南省&quot;,&quot;西藏自治区&quot;,&quot;陕西省&quot;,&quot;甘肃省&quot;,&quot;青海省&quot;,&quot;宁夏回族自治区&quot;,&quot;新疆维吾尔自治区&quot;,&quot;台湾省&quot;,&quot;香港特别行政区&quot;,&quot;澳门特别行政区&quot;],[&quot;北京市&quot;],[&quot;东城区&quot;,&quot;西城区&quot;,&quot;朝阳区&quot;,&quot;丰台区&quot;,&quot;石景山区&quot;,&quot;海淀区&quot;,&quot;门头沟区&quot;,&quot;房山区&quot;,&quot;通州区&quot;,&quot;顺义区&quot;,&quot;昌平区&quot;,&quot;大兴区&quot;,&quot;怀柔区&quot;,&quot;平谷区&quot;,&quot;密云区&quot;,&quot;延庆区&quot;]]"
  46. value="[]" class="sk-image">
  47. <view class="iconfont keyboard_arrow_right sk-transparent sk-text-14-2857-171 sk-text sk-pseudo sk-pseudo-circle" style="color: rgb(162, 162, 162); background-position-x: 100%;">请选择所在地区</view>
  48. </view>
  49. </view>
  50. <view class="cellText required sk-transparent sk-text-32-9545-11 sk-text sk-pseudo sk-pseudo-circle">详细地址</view>
  51. <view class="cell">
  52. <view auto-height="true" maxlength="200" name="addr" placeholder="请输入详细地址" placeholder-style="font-size: 13px; color: #A2A2A2;" style="height: 45px;" class="sk-image"></view>
  53. </view>
  54. </view>
  55. <view class="pannel">
  56. <view class="cell">
  57. <view class="cellText sk-transparent sk-text-32-9545-584 sk-text sk-pseudo sk-pseudo-circle">邮编</view>
  58. <view class="cellInput sk-image" maxlength="20" name="postCode" placeholder="请输入邮编" value="true"></view>
  59. </view>
  60. </view>
  61. <view class="pannel">
  62. <view class="cell">
  63. <view class="cellText sk-transparent sk-text-32-9545-766 sk-text sk-pseudo sk-pseudo-circle">备注</view>
  64. </view>
  65. <view class="cell">
  66. <view auto-height="true" maxlength="200" name="remark" placeholder="请输入详细地址" placeholder-style="font-size: 13px; color: #A2A2A2;" style="height: 45px;" class="sk-image"></view>
  67. </view>
  68. </view>
  69. </form>
  70. </view>
  71. </view>
  72. </template>