activity.wxml 5.9 KB

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