C端小程序
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

47 line
2.9 KiB

  1. <!-- 限时抢购 查看更多对应的页面 -->
  2. <view wx:if="{{showPage}}">
  3. <view wx:for="{{list}}" wx:if="{{item.targetA!='end'&&list.length>0}}" class='flashSaleItemWrap' wx:key="index">
  4. <view class='flashSaleItem'>
  5. <view class='flashSaleItemTop'>
  6. <view class='flashSaleItemTopL'>
  7. <image mode='aspectFill' src='{{item.coverImg}}' class='food'></image>
  8. </view>
  9. <view class='flashSaleItemTopR'>
  10. <view class='flashSaleItemTopRTop'>
  11. <text class='foodname'>{{item.title}}</text>
  12. <text class='small'>{{item.subTitle}}</text>
  13. </view>
  14. <view class='flashSaleItemTopRBottom'>
  15. <text class='presentPrice'><text class='sale'>售价:</text>{{item.salePriceStr}}<text class='yuan'>元</text></text><text class='originalPrice'>{{item.priceStr}}元</text>
  16. </view>
  17. </view>
  18. </view>
  19. <image class='lines' src='{{linesUrl}}' mode='widthFix'></image>
  20. <view class='flashSaleItemBottom'>
  21. <view class='flashSaleItemBottomTop'>
  22. <text class='remainingTime'>距结束:</text>
  23. <text wx:if="{{item.flags=='end'}}" class='realRemainingTime'>活动已结束</text>
  24. <text wx:if="{{item.flags!='end'}}" class='realRemainingTime'>{{item.endtime}}</text>
  25. </view>
  26. <view class='flashSaleItemBottomBottm'>
  27. <view class="view1">
  28. <text class="remainingNumber">已售{{item.alsells}}%</text>
  29. <progress percent="{{(item.inventory-item.remainInventory)/item.inventory*100}}" stroke-width="6" activeColor="#ff4949" />
  30. </view>
  31. <view class='buy' data-couponId="{{item.couponId}}" data-couponChannelId="{{item.id}}" data-targetAd="{{item.targetAd}}" bindtap="gotodetail" hover-class='active' wx:if="{{item.salePriceStr!=0}}">马上购</view>
  32. <view class='buy' data-couponId="{{item.couponId}}" data-couponChannelId="{{item.id}}" data-targetAd="{{item.targetAd}}" bindtap="gotodetail" hover-class='active' wx:if="{{item.salePriceStr==0&&item.remainInventory!=0}}">立即领</view>
  33. <view class='buy' data-couponId="{{item.couponId}}" data-couponChannelId="{{item.id}}" data-targetAd="{{item.targetAd}}" bindtap="gotodetail" hover-class='active' style='background:#999;color:#fff;border:1px solid #999;' wx:if="{{item.salePriceStr==0&&item.remainInventory==0}}">已售罄</view>
  34. <view class='buy' wx:if="{{item.flags=='end'}}" style='background:#999;color:#fff;border:1px solid #999;'>已结束</view>
  35. </view>
  36. </view>
  37. </view>
  38. </view>
  39. <view class='expect' wx:if="{{list.length==0}}">
  40. <image src='./../../assets/images/shixiao.png' mode='widthFix'></image>
  41. <text>请您敬请期待</text>
  42. <text>我们正在筹备一大堆优惠活动</text>
  43. </view>
  44. <view class="loading" wx:if="{{loading}}">
  45. <image src="{{loadingUrl}}" mode="widthFix"></image>{{content}}
  46. </view>
  47. </view>