popup.wxml 3.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. <!--component/popup/popup.wxml-->
  2. <view class="popup" hidden="{{flag}}">
  3. <!--成功-->
  4. <view class="popup-container" wx:if="{{typeOf == 'success' ? true : false}}">
  5. <view class="head-img" style="height: 240rpx">
  6. <image src="../../static/groupImg/success.png"></image>
  7. </view>
  8. <view class="head-txt">
  9. <view class="title">{{title}}</view>
  10. <view class="head-con">
  11. {{headTextOne}}
  12. </view>
  13. <view>
  14. {{headTextTwo}}
  15. </view>
  16. </view>
  17. <view class="content" style="font-size:32rpx;">
  18. <block wx:for="{{content}}" wx:key="{{index}}">
  19. <text style="color: {{item.color}};">{{item.text}}</text>
  20. </block>
  21. </view>
  22. <view class="send-btn" bindtap="launchGroup">
  23. <image src="../../static/groupImg/Invitation.png"></image>
  24. <text>邀请好友赚奖学金</text>
  25. </view>
  26. </view>
  27. <!--失败 -->
  28. <view class="popup-container" wx:if="{{typeOf == 'error' ? true : false}}">
  29. <view class="head-img" style="height: 366rpx; margin-top: -120rpx;">
  30. <image src="../../static/groupImg/error.png"></image>
  31. </view>
  32. <view class="head-txt">
  33. <view class="title" style="margin-top: 80rpx; color: #4A90E2;">很遗憾拼团失败</view>
  34. <view class="head-con" style="color: #000">
  35. 您发起的团购拼团成功
  36. </view>
  37. </view>
  38. <view class="content" style="margin-top: 30rpx;">
  39. <text style="color: #000;">您可以继续发起新的团购,</text>
  40. <text style="color: #FF9B00;">不再需要支付本课程费用,拼团成功,</text>
  41. <!-- <text style="color: #FF0000;">您将得到xxx元奖励。</text> -->
  42. </view>
  43. <view class="send-btn">
  44. <image src="../../static/groupImg/Invitation.png"></image>
  45. <text>发起团购</text>
  46. </view>
  47. </view>
  48. <!--发起拼团成功 -->
  49. <view class="popup-container" wx:if="{{typeOf == 'sendSuccess' ? true : false}}">
  50. <view class="head-img"style="text-align: center;margin-top: 29rpx;">
  51. <image src="../../static/groupImg/tuanzhang.png" style="width: 160rpx; height: 160rpx;"></image>
  52. </view>
  53. <view class="content">
  54. <text style="color: #F66C1C; font-weight: bolder;">{{title}}</text>
  55. <text style="color: #F66C1C;">{{headTextTwo}}</text>
  56. </view>
  57. <view class="content" style="margin-top: 30rpx; font-size:28rpx;">
  58. <block wx:for="{{content}}" wx:key="{{index}}">
  59. <text style="color: {{item.color}};">{{item.text}}</text>
  60. </block>
  61. </view>
  62. <view class="bottom">
  63. * 如果拼团失败,您预付的课程费将在48小时内退回您的账户。
  64. </view>
  65. </view>
  66. <!--发起拼团失败 -->
  67. <view class="popup-container" wx:if="{{typeOf == 'senderror' ? true : false}}">
  68. <view class="content">
  69. <text style="color: #F66C1C; font-weight: bolder;">感谢团长</text>
  70. <text style="color: #F66C1C;">不再需要支付本课程费用,拼团成功,</text>
  71. </view>
  72. <view class="head-img"style="text-align: center;margin-top: 29rpx;">
  73. <image src="../../static/groupImg/liwu.png" style="width: 288rpx; height: 184rpx;"></image>
  74. </view>
  75. <view class="bottom" style="color: #000;">
  76. * 如果拼团失败,您预付的课程费将在48小时内退回您的账户。
  77. </view>
  78. </view>
  79. <view class="cha" bindtap="close">
  80. <image src="../../static/groupImg/cha.png"></image>
  81. </view>
  82. </view>