activity.wxml 5.8 KB

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