home.skeleton.wxml 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. <!--
  2. 此文件为开发者工具生成,生成时间: 2024/12/9下午9:31:21
  3. 使用方法:
  4. 在 G:\IDEA_PROJECT\Minip\bxd_voms_mini\pages\home\home.wxml 引入模板
  5. ```
  6. <import src="home.skeleton.wxml"/>
  7. <template is="skeleton" wx:if="{{loading}}" />
  8. ```
  9. 在 G:\IDEA_PROJECT\Minip\bxd_voms_mini\pages\home\home.wxss 中引入样式
  10. ```
  11. @import "./home.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="custom" style="padding-top:20px">
  18. <image mode="heightFix" style="height: 33px; width: 138.14px;" class="sk-image"></image>
  19. </view>
  20. <view class="page">
  21. <view>
  22. <swiper autoplay="false" indicator-dots="true" class="swiper" current="0">
  23. <swiper-item style="position: absolute; width: 100%; height: 100%; transform: translate(0%, 0px) translateZ(0px);">
  24. <image mode="widthFix" style="height: 742.992px;" class="sk-image"></image>
  25. </swiper-item>
  26. </swiper>
  27. </view>
  28. <view class="search">
  29. <view placeholder="搜索:产品名称/SKU/69码" class="sk-image"></view>
  30. <icon class="icon-small sk-image" size="40rpx" type="search" color="#EFEFEF"></icon>
  31. </view>
  32. <view class="menu">
  33. <view class="menu-item">
  34. <image class="sk-image"></image>
  35. <view class="text text1 sk-transparent sk-text-14-2857-646 sk-text" style="background-position-x: 50%;">员工福利员工福利</view>
  36. </view>
  37. <view class="menu-item">
  38. <image class="sk-image"></image>
  39. <view class="text text1 sk-transparent sk-text-14-2857-935 sk-text" style="background-position-x: 50%;">员工福利</view>
  40. </view>
  41. <view class="menu-item">
  42. <image class="sk-image"></image>
  43. <view class="text text1 sk-transparent sk-text-14-2857-404 sk-text" style="background-position-x: 50%;">员工福利</view>
  44. </view>
  45. <view class="menu-item">
  46. <image class="sk-image"></image>
  47. <view class="text text1 sk-transparent sk-text-14-2857-30 sk-text" style="background-position-x: 50%;">员工福利</view>
  48. </view>
  49. <view class="menu-item">
  50. <image class="sk-image"></image>
  51. <view class="text text1 sk-transparent sk-text-14-2857-333 sk-text" style="background-position-x: 50%;">员工福利</view>
  52. </view>
  53. </view>
  54. <view>
  55. <view class="floorTitle sk-transparent sk-text-32-9545-806 sk-text" style="background-position-x: 50%;">正品好物推荐</view>
  56. <view class="goodsPanel">
  57. <view class="goodsQuery">
  58. <view class="queryItem sk-transparent sk-text-35-5769-693 sk-text">综合</view>
  59. <view class="queryItem sk-transparent sk-text-35-5769-360 sk-text">新品</view>
  60. <view class="queryItem">
  61. <text class="sk-transparent sk-text-35-5769-213 sk-text">销量</text>
  62. <icon class="icon-small sk-image" size="40rpx" type="search" color="#EFEFEF"></icon>
  63. </view>
  64. <view class="queryItem">
  65. <text class="sk-transparent sk-text-35-5769-725 sk-text">价格</text>
  66. <icon class="icon-small sk-image" size="40rpx" type="search" color="#EFEFEF"></icon>
  67. </view>
  68. <view class="queryItem">
  69. <text class="sk-transparent sk-text-35-5769-924 sk-text">筛选</text>
  70. <icon class="icon-small sk-image" size="40rpx" type="search" color="#EFEFEF"></icon>
  71. </view>
  72. </view>
  73. <view class="goodsList" style="clear: both;">
  74. <view class="goods">
  75. <image class="sk-image"></image>
  76. <view class="name text2 sk-transparent sk-text-15-7895-554 sk-text">茶具四件套 1845年维多利亚时代制作 刻有东方人物形象与建筑的纯银四件套茶具 总重2231克</view>
  77. </view>
  78. <view class="goods">
  79. <image class="sk-image"></image>
  80. <view class="name text2 sk-transparent sk-text-15-7895-771 sk-text">茶盘 1920年英国谢菲尔德Henry Atkins制作 镂空边框纯银刻花大茶盘 重1972克</view>
  81. </view>
  82. </view>
  83. </view>
  84. </view>
  85. </view>
  86. </view>
  87. </template>