酷炫小程序

home.wxml 3.3KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. <!-- 首页列表 -->
  2. <template name="homeList">
  3. <view class="goods" bindtap="goToDetail" data-origin="{{origin}}" data-goods_id="{{goods_id}}" data-name="{{title}}">
  4. <view class="goodsImg">
  5. <image src="{{img}}"></image>
  6. </view>
  7. <view class="goodsDetail">
  8. <view class="goodsTitle">
  9. {{title}}
  10. </view>
  11. <view class="goodsDesc">
  12. <!-- <view class="goodsDescText">
  13. 森马大牌,官方正品
  14. </view> -->
  15. <!-- <view class="goodsDescImg">
  16. <image src="https://small-app.oss-cn-beijing.aliyuncs.com/youhuiquan/zhuanfa.png"></image>
  17. </view> -->
  18. </view>
  19. <view class="goodsCoupon">
  20. <view class="goodsCouponDetail">
  21. <view class="goodsCouponText" style="background: url(https://small-app.oss-cn-beijing.aliyuncs.com/youhuiquan/youhuiquan.png) no-repeat; background-size: 100% 100%">
  22. 券 ¥{{coupon_price}}
  23. </view>
  24. </view>
  25. <view class="goodsCouponGot">
  26. 已抢{{volume}}件
  27. </view>
  28. </view>
  29. <view class="goodsPrice">
  30. <view>
  31. <text class="couponMoney">¥ {{discount_price}}</text>
  32. <text class="couponAfter">券后</text>
  33. </view>
  34. <view class="getCoupon">
  35. 立即领券
  36. </view>
  37. </view>
  38. </view>
  39. </view>
  40. </template>
  41. <!-- //商品分类 -->
  42. <template name="searchGodds">
  43. <view class="goodsClassifyImg" bindtap='getGoodListEvent' data-goods_id='{{id}}' data-name='{{name}}'>
  44. <image src="{{icon}}"></image>
  45. <text>{{name}}</text>
  46. </view>
  47. </template>
  48. <!-- 商品分类--商品列表 -->
  49. <template name="goodsList">
  50. <view class='searchCommodity' bindtap='goToDetail' data-origin="{{origin}}" data-goods_id="{{goods_id}}" data-name='{{title}}'>
  51. <image src='{{img}}'></image>
  52. <view class='searchCommodityDetail'>
  53. <view class='title'>{{title}}</view>
  54. <view class='discount'>
  55. <view class='discountLeft'>
  56. <view class='tianmao' style='background:url(https://small-app.oss-cn-beijing.aliyuncs.com/youhuiquan/taobao.png) no-repeat; background-size:100% 100%;' wx:if="{{is_tmall == 1}}"></view>
  57. <view class='tianmao baoyou' style='background:url(https://small-app.oss-cn-beijing.aliyuncs.com/youhuiquan/baoyou.png) no-repeat; background-size:100% 100%;' wx:if="{{freeShipping == 1}}"></view>
  58. </view>
  59. <view class='quan' style='background:url(https://small-app.oss-cn-beijing.aliyuncs.com/youhuiquan/quanTwo.png) no-repeat; background-size:100% 100%;' wx:if="{{is_coupon == 1}}"><text>券</text><text>{{coupon_price}}元</text></view>
  60. </view>
  61. <view class='price'>
  62. <text class='nowPrice'>券后 <text>¥{{discount_price}}</text></text>
  63. <text class='oldPrice' wx:if="{{is_coupon == 1}}">¥{{price}}</text>
  64. </view>
  65. </view>
  66. </view>
  67. </template>
  68. <!-- 弹层 -->
  69. <template name="elasticLayer">
  70. <view class='elasticLayer'>
  71. <view class='elasticLayer_con'>
  72. <image class='activityImg' bindtap='goListExtension' src='{{activity_img}}'></image>
  73. <image class='close' bindtap='closeElasticLayer' src='https://small-app.oss-cn-beijing.aliyuncs.com/youhuiquan/close.png'></image>
  74. </view>
  75. </view>
  76. </template>