activity.wxml 5.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139
  1. <!--pages/signIn/index.wxml-->
  2. <view wx:if="{{showPage}}">
  3. <!-- 页面主体 -->
  4. <view class="sign-scroll-body" style="margin-top:{{navHeight}}px; height: {{bodyHeight}}px;">
  5. <view class="sign-info-extra">
  6. <view class="coupon_num_box">
  7. <view class="my_coupon_title">我的优惠券</view>
  8. <view class="_num_arear">
  9. <text class="_num">{{notUseNum}}</text>
  10. <text class="_unit">张</text>
  11. <view class="_btn" wx:if="{{notUseNum > 0}}">
  12. <jumpmallapp>去使用</jumpmallapp>
  13. </view>
  14. </view>
  15. </view>
  16. <view class="_look_btn" catchtap="toRecordDetailPage">明细 | 查看</view>
  17. </view>
  18. <!-- 签到卡片 -->
  19. <view class="sign-card-box">
  20. <view class="sign-item-box">
  21. <view class="_left">
  22. <view class="_item" wx:for="{{signInNodes}}" wx:key="index" >
  23. <image class="_figure" src="{{item.figure}}" mode="aspectFill" />
  24. <view class="_no" style="{{item.textBgGround}}">{{item.text}}</view>
  25. <image wx:if="{{item.isSignIn == -1}}" class="_lose_sign_in" src="/images/signIn/losesign.png" />
  26. <image wx:if="{{item.isSignIn == 1}}" class="_finish_sign_in" src="/images/signIn/finishsign.png" />
  27. </view>
  28. </view>
  29. <view class="_right">
  30. <view class="_item">
  31. <image class="_figure" src="{{lastSignInNode.figure}}" mode="aspectFill" />
  32. <view class="_no" style="{{lastSignInNode.textBgGround}}">{{lastSignInNode.text}}</view>
  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">今日已签到</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. <!-- 页面头部 -->
  83. <view class="sign-head">
  84. <view class="head-bg">
  85. <image src="{{activity.themePic}}" />
  86. </view>
  87. <view class="head-bar" style="height:{{navHeight}}px">
  88. <view style="margin-top: {{capsuleTop}}px;line-height: {{capHeight}}px;">签到中心</view>
  89. </view>
  90. </view>
  91. <!-- 签到成功弹窗 -->
  92. <view class="dlg" wx:if="{{showSignInSuccessDlg}}">
  93. <view class="sign-pop-body">
  94. <view class="_body">
  95. <view class="gift_wrap">
  96. <view class="coupon_node">
  97. <view wx:if="{{hitResult.couponType=='D'}}" class="_node_left _zk {{hitResult._classSmallStyle}}">
  98. <view class="_num">{{hitResult.formatDiscount}}</view>
  99. <view class="_zhe">折</view>
  100. </view>
  101. <view wx:if="{{hitResult.couponType=='C'}}" class="_node_left _cash {{hitResult._classSmallStyle}}">
  102. <view class="_unit">¥</view>
  103. <view class="_num">{{hitResult.formatReduceCost}}</view>
  104. </view>
  105. <view class="_node_right">
  106. <view class="_coupont_title">{{hitResult.couponTitle}}</view>
  107. <view class="_coupon_sub_title">{{hitResult.formatLeastCostStr}}</view>
  108. <view class="_coupon_times"></view>
  109. </view>
  110. <image wx:if="{{hitResult.couponType=='D'}}" class="_bg" src="/images/signIn/coupon1.png" />
  111. <image wx:if="{{hitResult.couponType=='C'}}" class="_bg" src="/images/signIn/cash_coupon.png" />
  112. </view>
  113. </view>
  114. <view class="award_des" style="color:{{secColor}};">恭喜您签到成功 获得9折扣折扣券</view>
  115. <view class="_btn" style="{{backGroundStyle}}">
  116. <jumpmallapp>去使用</jumpmallapp>
  117. </view>
  118. </view>
  119. <image class="_layer_bg" src="{{activity.popBgPic}}" />
  120. </view>
  121. <view class="_layer" catchtap="closeDlg" >
  122. <image class="_close" src="/images/signIn/close.png" />
  123. </view>
  124. </view>
  125. </view>