activity.wxml 5.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. <view class="page">
  2. <view class="a-turntable">
  3. <image src="{{imgUrl}}xcx/activitybg.png" class="d-bg-turntable"></image>
  4. <image src="../../img/luckytitle.png" class="a-turntable-title" mode="widthFix"></image>
  5. <view class="a-van-notice-bar">
  6. <van-notice-bar background="#C6001E" radius="40rpx" height="48rpx" color="#ffffff" left-icon="volume-o" text="{{textContent}}" />
  7. </view>
  8. <view class="a-lucky-wheel">
  9. <lucky-wheel id="myLucky" width="670rpx" height="670rpx" blocks="{{blocks}}" prizes="{{prizes}}" buttons="{{buttons}}" bindstart="start" bindend="end" />
  10. <image src="../../img/luckyBottom.png" class="a-lucky-bottom" mode="widthFix"></image>
  11. <image src="../../img/luckyBtn.png" class="a-lucky-btn" mode="widthFix"></image>
  12. <view class="a-lucky-text" bindtap="myWinning">我的中奖</view>
  13. </view>
  14. <view class="flex-column">
  15. <view class="flex-sub flex align-center">
  16. <image src="../../../img/mobile12.png" class="phone" mode="widthFix"></image>
  17. <text>联系方式:{{turntableDetail.lottery_tel?turntableDetail.lottery_tel:''}}</text>
  18. </view>
  19. <view class="flex-sub flex align-center mt10">
  20. <image src="../../../img/address12.png" class="phone" mode="widthFix"></image>
  21. <view class="flex-sub flex align-center">
  22. <text>公司地址:</text>
  23. <text class="flex-sub">{{turntableDetail.lottery_address?turntableDetail.lottery_address:''}}</text>
  24. </view>
  25. </view>
  26. <view class="flex-sub flex align-center mt10">
  27. <image src="../../../img/prizeContent.png" class="phone" mode="widthFix"></image>
  28. <view class="flex-sub flex align-center">
  29. <text>奖品内容:</text>
  30. <text class="flex-sub">{{prizesContent}}</text>
  31. </view>
  32. </view>
  33. <view class="flex-sub flex align-center mt10">
  34. <image src="../../../img/duihuan.png" class="phone" mode="widthFix"></image>
  35. <text>兑奖方式:核销码到店核销领取奖品</text>
  36. </view>
  37. </view>
  38. <image src="../../img/lucky1.png" class="absolute-bottom"></image>
  39. </view>
  40. <!-- 中奖 -->
  41. <cover-view hidden="{{showWinning}}" class="winning" bindtap="closeMask">
  42. <cover-view class="winning-box" catchtap="preventEvent">
  43. <cover-view class="winning-title">恭喜您中奖</cover-view>
  44. <cover-image wx:if="{{prizesImage!=''}}" src="{{prizesImage}}" class="luckyCommon"></cover-image>
  45. <cover-image wx:else="" src="../../img/luckyCommon.png" class="luckyCommon"></cover-image>
  46. <cover-view class="winning-tips">恭喜您抽中{{prizesText||'--'}}</cover-view>
  47. <cover-image src="../../img/sanlucky.png" class="sanlucky"></cover-image>
  48. <cover-image src="../../img/winningbg.png" class="winningbg"></cover-image>
  49. <cover-view class="again-btn" bindtap="againPlayTurntable">再抽一次</cover-view>
  50. </cover-view>
  51. </cover-view>
  52. <!-- 未中奖 -->
  53. <cover-view hidden="{{showNoWinning}}" class="winning" bindtap="closeMask">
  54. <cover-view class="winning-box" catchtap="preventEvent">
  55. <cover-view class="winning-title">抱歉本次未中奖</cover-view>
  56. <cover-image src="../../img/noPrize.png" class="noPrize"></cover-image>
  57. <cover-view class="winning-tips">继续努力,相信下一个就是你</cover-view>
  58. <cover-image src="../../img/sanlucky.png" class="sanlucky"></cover-image>
  59. <cover-image src="../../img/winningbg.png" class="winningbg"></cover-image>
  60. <cover-view class="again-btn" bindtap="againPlayTurntable">再抽一次</cover-view>
  61. </cover-view>
  62. </cover-view>
  63. <!-- 抽奖次数为0 -->
  64. <cover-view hidden="{{showNoCount}}" class="winning" bindtap="closeMask">
  65. <cover-view class="winning-box" catchtap="preventEvent">
  66. <cover-view class="winning-title">抽奖次数为0</cover-view>
  67. <cover-view class="textshow">您的抽奖次数为0,朋友圈转发下面内容并截图上传可获得1次抽奖机会</cover-view>
  68. <cover-view class="copy-box">
  69. <cover-view class="copyText">
  70. {{turntableDetail.share_count||''}}
  71. </cover-view>
  72. <cover-view class="copy-btn">
  73. <cover-view class="copy-btn1" data-text="{{turntableDetail.share_count}}" bindtap="copyTextContent">复制内容</cover-view>
  74. <cover-view class="copy-btn2" bindtap="cutUpload">{{uploadText}}</cover-view>
  75. </cover-view>
  76. </cover-view>
  77. <cover-view class="tipsMsg">此条朋友圈在未兑奖前请不要删除,可作为兑奖凭证</cover-view>
  78. <cover-image src="../../img/winningbg.png" class="winningbg"></cover-image>
  79. <cover-view class="again-btn" bindtap="closeMask">确定</cover-view>
  80. </cover-view>
  81. </cover-view>
  82. <mustlogin loginFlag="{{loginFlag}}" mobileflag="{{mobileflag}}" orgname="{{companyobj.company_name}}" logo="{{companyobj.logo}}" id="loginbox" bind:run="unreadMsg"></mustlogin>
  83. <!-- 隐私协议授权 -->
  84. <privacy-popup bind:agree="agreePrivacy"></privacy-popup>
  85. </view>