seckillActivity.wxml 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. <wxs src='../../../utils/wxsUtil.wxs' module="wxs"></wxs>
  2. <!-- 头部banner -->
  3. <view class="top">
  4. <view class="bgc">
  5. <image src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/wxapp/20230106/banner%402x%20%281%29.png"></image>
  6. </view>
  7. <view class="seckillBox">
  8. <view wx:if="{{!end&&activeClass!=''}}" class="time" >{{startTime}} 即将开始</view>
  9. <view wx:if="{{activeClass==''}}" class="time">距离本场结束</view>
  10. <view class="time" wx:if="{{end}}">秒杀活动已结束</view>
  11. <view class="seckill">
  12. <view class="text">倒计时</view>
  13. <van-count-down use-slot time="{{ time }}" bind:finish='finishTime' bind:change="onChange">
  14. <view class="box">
  15. <text class="item">{{ timeData.hours1 }}</text>
  16. <text class="item">{{ timeData.hours }}</text>
  17. <text class="item" wx:if="{{timeData.hours2}}">{{ timeData.hours2 }}</text>
  18. <text class="item1">:</text>
  19. <text class="item">{{ timeData.minutes1 }}</text>
  20. <text class="item">{{ timeData.minutes }}</text><text class="item1">:</text>
  21. <text class="item">{{ timeData.seconds1 }}</text>
  22. <text class="item">{{ timeData.seconds }}</text>
  23. </view>
  24. </van-count-down>
  25. </view>
  26. </view>
  27. </view>
  28. <view class="seckillList">
  29. <view class="seckill-item" wx:for="{{seckillList.list}}" bindtap="{{activeClass!=''?'':'goSeckillDetail'}}" wx:key="index" data-num="{{item.num}}" data-seckillId="{{item.seckill_id}}" data-id="{{item.id}}">
  30. <view class="seckill-item-left">
  31. <image src="{{item.cover_url}}"></image>
  32. </view>
  33. <view class="seckill-item-right">
  34. <view class="item-title">{{item.goods_name}}</view>
  35. <view class="item-oldPrice">¥{{item.original_price}}</view>
  36. <view class="right-bottom">
  37. <view class="item-price"><text>¥</text><text class="price__big">{{wxs.formatValue(item.price, 'split')[0]}}</text><text>.{{wxs.formatValue(item.price, 'split')[1]}}</text></view>
  38. <view class="item-button {{activeClass!=''?'activeClass':''}}" >去购买 ></view>
  39. </view>
  40. </view>
  41. </view>
  42. </view>