littleFlower.wxml 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. <view class="little-flower-box">
  2. <view class="green-placerholder"></view>
  3. <view class="sign-in-title">已连续签到{{continuousDay}}天</view>
  4. <view class="sign-in-box">
  5. <!-- <view wx:for="{{dateList}}" wx:key="{{index}}" class="date-item">
  6. <image wx:if="{{item.style === 'red'}}" class="date-complete" src="../../../static/image/sign_in_icon.png" />
  7. <view class="date-left">
  8. <view class="date-circle" style="background: {{item.style === 'red' ? '#f75642' : '#fff'}}; color: {{item.style === 'red' ? '#fff' : '#f75642'}} ">{{item.mark}}</view>
  9. <view class="date-time">{{item.time}}</view>
  10. </view>
  11. <view class="cross-red-line" wx:if="{{index !== 6}}"></view>
  12. </view> -->
  13. <view wx:for="{{dateList}}" wx:key="{{index}}" class="date-item">
  14. <image wx:if="{{item.isSign}}" class="date-complete" src="../../../static/image/sign_in_icon.png" />
  15. <view class="date-left">
  16. <view class="date-circle" style="background: {{item.isSign ? '#f75642' : '#fff'}}; color: {{item.isSign ? '#fff' : '#f75642'}} ">{{item.count}}</view>
  17. <view class="date-time">{{item.date}}</view>
  18. </view>
  19. <view class="cross-red-line" wx:if="{{index !== 6}}"></view>
  20. </view>
  21. </view>
  22. <view class="flower-title">天天做任务,领取小红花</view>
  23. <scroll-view class="mission-box">
  24. <view class="mission-item" wx:for="{{misssionList}}" wx:key="{{index}}">
  25. <view>
  26. <view>{{item.title}}</view>
  27. <view class="mission-bonus">
  28. <image class="bonus-icon" src="../../../static/image/flower_small.png" />
  29. <text wx:if="{{item.type !== 'GROUP'}}">{{item.bonus}}</text>
  30. <text wx:if="{{item.type === 'GROUP'}}">{{isIOS ? '10' : '100'}}</text>
  31. </view>
  32. </view>
  33. <view class="mission-status" wx:if="{{!item.finished}}">
  34. <view class="mission-status" wx:if="{{item.type !== 'GROUP' && item.type !== 'READ_SHARE'}}" >{{item.finishedAmount}}/{{item.taskAmount}}</view>
  35. <view class="mission-status mission-group" wx:if="{{item.type === 'READ_SHARE' }}" >已获得{{item.finishedAmount * item.bonus}}<image class=".mission-group-icon" src="../../../static/image/flower_small.png" /></view>
  36. <view class="mission-status mission-share" wx:if="{{item.type === 'GROUP'}}" >已完成<text class="red-text">{{item.finishedAmount}}</text>个</view>
  37. </view>
  38. <view class="mission-status mission-complete" wx:if="{{item.finished}}">已完成</view>
  39. </view>
  40. </scroll-view>
  41. <view class="lego-section" bindtap="goToPrize">
  42. <image class="lego" src="../../../static/image/lego_icon.png" />
  43. </view>
  44. <!-- <view class="explain">
  45. <view class="explain-gut">小红花有什么用?</view>
  46. <view class="explain-gut">我们会启动很多好玩的活动,</view>
  47. <view class="explain-gut">到时候你将会有大大的惊喜哦!</view>
  48. <view class="explain-gut">请继续积攒小红花吧!</view>
  49. </view> -->
  50. </view>