share-power.wxml 3.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. <!--package-basic-data/pages/share-power/share-power.wxml-->
  2. <view>
  3. <view class="background-view">
  4. <image fit="fill" src="{{imageUrl+'/powerPage_backgorund.png'}}"></image>
  5. </view>
  6. <van-sticky scroll-top="0" id="sticky">
  7. <view style="margin-top: {{menuButtonTop}}px;padding: 15rpx;">
  8. <van-icon class="back-button-view" wx:if="{{!leftButtonHide}}" size="20" name="arrow-left" color="#ffffff" slot="left" bind:tap="closeMiniProgram" />
  9. </view>
  10. <dk-navbar titleFontColor="#000000" leftButtonHide="{{true}}" operateShow="{{false}}" fixed="{{true}}"
  11. navbarTitle="助力抢劵" customStyle="background-color:transparent;" titleFontColor="#ffffff" />
  12. </van-sticky>
  13. <view class="content">
  14. <view class="content-title">
  15. <view class="top">东科智云,进销存利器</view>
  16. <view>精准高效,管理无忧!</view>
  17. </view>
  18. <view>
  19. <view class="message-view">
  20. <view class="user-avatar">
  21. <image fit="fill" src="{{imageUrl+'/user_icon.png'}}"></image>
  22. </view>
  23. <view class="message">
  24. 谢谢你来帮我,你也可以使用“东科智云”免费进销存软件哦~
  25. </view>
  26. </view>
  27. <view class="share-card">
  28. <view class="title">
  29. <view class="top">助力优惠劵</view>
  30. <view>购买更便宜</view>
  31. </view>
  32. <view class="prize-view">
  33. <view class="number">{{params.discount}}</view>折
  34. </view>
  35. </view>
  36. <view class="icon-view">
  37. <view class="info">
  38. <view class="user-icon" wx:for="{{helpUserNumber}}">
  39. <image fit="fill" src="{{imageUrl+'/user_icon.png'}}" />
  40. </view>
  41. <view class="user-icon" wx:for="{{needHelpUserNumber - helpUserNumber}}">
  42. <van-icon class="icon" name="plus" />
  43. </view>
  44. </view>
  45. </view>
  46. <view class="button-view">
  47. <van-button size="normal" wx:if="{{helpFlag}}" color="#FF7B1A" custom-style="width:100%;margin-top:30rpx;border-radio:50rpx;" bind:tap="helpMe">帮我点一下
  48. </van-button>
  49. <van-button size="normal" wx:else color="#FF7B1A" custom-style="width:100%;margin-top:30rpx;border-radio:50rpx;">我也想使用软件
  50. </van-button>
  51. <van-button size="normal" color="#FF7B1A1A;"
  52. custom-style="width:100%;margin-top:30rpx;margin-bottom:50rpx;border-radio:50rpx;" bind:tap="toUnderstand">了解软件</van-button>
  53. </view>
  54. </view>
  55. <van-overlay show="{{ powerModelShowFlag }}" z-index="100" bind:click="onClickHide" />
  56. <view wx:if="{{powerModelShowFlag}}" class="power-model">
  57. <view class="model-view">
  58. <view class="close-view" bind:tap="closePowerModel">
  59. <view class="close-button">
  60. <van-icon name="cross" />
  61. </view>
  62. </view>
  63. <view class="title">
  64. <image class="title-image" mode="widthFix" fit="fill" src="{{imageUrl + 'power-friend.png'}}" ></image>
  65. </view>
  66. <view class="title-view">
  67. <view class="user-avatar">
  68. <image fit="fill" src="{{imageUrl+'/user_icon.png'}}"></image>
  69. </view>
  70. <view class="font-view">你的好友,ta需要你的帮助!</view>
  71. </view>
  72. <view class="coupon-recrive-card">
  73. <view class="info">
  74. <view class="number">{{params.discount}}</view>折
  75. </view>
  76. <view class="font">优惠劵</view>
  77. </view>
  78. <view class="button-view">
  79. <van-button size="normal" color="#FF7B1A" custom-style="width:100%;margin-top:30rpx;border-radio:50rpx;" bind:tap="helpMe">
  80. 点击帮助ta助力</van-button>
  81. </view>
  82. </view>
  83. </view>
  84. </view>
  85. </view>