activity.wxml 5.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128
  1. <!--pages/signIn/index.wxml-->
  2. <view wx:if="{{showPage}}">
  3. <custom-page head-bg-image="{{activity.themePic}}" bind:sizes="handlePageSizes">
  4. <topbar slot="head" title="签到中心" back-color="{{mainColor}}" title-color="{{mainColor}}" />
  5. <!-- 页面主体 -->
  6. <view slot="body" class="sign-scroll-body">
  7. <view class="sign-info-extra" style="color: {{mainColor}};">
  8. <view class="coupon_num_box">
  9. <view class="my_coupon_title">签到优惠券</view>
  10. <view class="_num_arear">
  11. <text class="_num">{{notUseNum}}</text>
  12. <text class="_unit">张</text>
  13. <view class="_btn" style="border-color: {{mainColor}};" wx:if="{{notUseNum > 0}}">
  14. <jumpmallapp>去使用</jumpmallapp>
  15. </view>
  16. </view>
  17. <view class="_look_btn" catchtap="toRecordDetailPage">明细 | 查看</view>
  18. </view>
  19. </view>
  20. <!-- 签到卡片 -->
  21. <view class="sign-card-box" style="border-color: {{thirdColor}};">
  22. <view class="sign-item-box">
  23. <view class="_left">
  24. <view class="_item" wx:for="{{signInNodes}}" wx:key="index" >
  25. <image class="_figure" src="{{item.figure}}" mode="aspectFill" />
  26. <image wx:if="{{item.isSignIn == -1}}" class="_lose_sign_in" src="/images/signIn/losesign.png" />
  27. <image wx:if="{{item.isSignIn == 1}}" class="_finish_sign_in" src="/images/signIn/finishsign.png" />
  28. </view>
  29. </view>
  30. <view class="_right">
  31. <view class="_item">
  32. <image class="_figure" src="{{lastSignInNode.figure}}" mode="aspectFill" />
  33. <image wx:if="{{lastSignInNode.isSignIn == -1}}" class="_lose_sign_in" src="/images/signIn/losesign.png" />
  34. <image wx:if="{{lastSignInNode.isSignIn == 1}}" class="_finish_sign_in" src="/images/signIn/finishsign.png" />
  35. </view>
  36. </view>
  37. </view>
  38. <block wx:if="{{todayIsSigned}}">
  39. <view class="_sign_in_btn" style="background-color:{{thirdColor}};">今日已签到</view>
  40. </block>
  41. <block wx:else>
  42. <view class="_sign_in_btn" style="{{backGroundStyle}}" catchtap="tapSignIn">
  43. 签到领好礼
  44. <button wx:if="{{!isLogin}}" class="phone-button" open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber" />
  45. </view>
  46. </block>
  47. </view>
  48. <!-- 签到任务列表 -->
  49. <view class="sign-task-box">
  50. <view class="_task_title">做任务领优惠券</view>
  51. <view class="_task_list">
  52. <!-- 签到项 -->
  53. <view wx:for="{{activity.taskAwardList}}" wx:key="index" class="_task_item">
  54. <view class="_task_item_left">
  55. <view class="_ico">
  56. <image src="{{item.figure}}" mode="aspectFill" />
  57. </view>
  58. <view class="_info">
  59. <view class="_title">{{item.taskTitle}}</view>
  60. <view class="_des">{{item.taskSubtitle}}</view>
  61. </view>
  62. </view>
  63. <view class="_task_item_right">
  64. <view style="color:#999;" class="_btn" wx:if="{{item.isComplete == 1}}">
  65. 已完成
  66. </view>
  67. <view style="color: {{mainColor}};" class="_btn" wx:else>
  68. 未完成
  69. </view>
  70. </view>
  71. </view>
  72. </view>
  73. </view>
  74. <!-- 活动说明 -->
  75. <view class="activity-des">
  76. <view class="_title">活动说明</view>
  77. <view class="_des">
  78. <text>{{activity.activityDesc}}</text>
  79. </view>
  80. </view>
  81. </view>
  82. </custom-page>
  83. <!-- 签到成功弹窗 -->
  84. <view class="dlg" wx:if="{{showSignInSuccessDlg}}">
  85. <view class="sign-pop-body">
  86. <view class="_body">
  87. <view class="gift_wrap">
  88. <view class="coupon_node">
  89. <view wx:if="{{hitResult.couponType=='D'}}" class="_node_left _zk {{hitResult._classSmallStyle}}">
  90. <view class="_num">{{hitResult.formatDiscount}}</view>
  91. <view class="_zhe">折</view>
  92. </view>
  93. <view wx:if="{{hitResult.couponType=='C'}}" class="_node_left _cash {{hitResult._classSmallStyle}}">
  94. <view class="_unit">¥</view>
  95. <view class="_num">{{hitResult.formatReduceCost}}</view>
  96. </view>
  97. <view class="_node_right">
  98. <view class="_coupont_title">{{hitResult.couponTitle}}</view>
  99. <view class="_coupon_sub_title">{{hitResult.formatLeastCostStr}}</view>
  100. <view class="_coupon_times"></view>
  101. </view>
  102. <image wx:if="{{hitResult.couponType=='D'}}" class="_bg" src="/images/signIn/coupon1.png" />
  103. <image wx:if="{{hitResult.couponType=='C'}}" class="_bg" src="/images/signIn/cash_coupon.png" />
  104. </view>
  105. </view>
  106. <view class="award_des" style="color:{{secColor}};">恭喜您签到成功 获得9折扣折扣券</view>
  107. <view class="_btn" style="{{backGroundStyle}}">
  108. <jumpmallapp>去使用</jumpmallapp>
  109. </view>
  110. </view>
  111. <image class="_layer_bg" src="{{activity.popBgPic}}" />
  112. </view>
  113. <view class="_layer" catchtap="closeDlg" >
  114. <image class="_close" src="/images/signIn/close.png" />
  115. </view>
  116. </view>
  117. </view>