东风启辰小程序端
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

71 satır
4.2KB

  1. <!--pages/poster/poster.wxml-->
  2. <view class="all">
  3. <view class="main">
  4. <view class="titleText">分享类型</view>
  5. <view class="lineSty"></view>
  6. <image class="closeXieyi" bindtap="closeXieyi" src="{{imgUrl+'/images/closeXieyi.png'}}"></image>
  7. <view class="selectFrame">
  8. <image class="newImages17" bindtap="changeSelect" wx:if="{{selectType==1}}" src="{{imgUrl+'/newImages/17.png'}}"></image>
  9. <image class="newImages17" bindtap="changeSelect" wx:if="{{selectType==2}}" src="{{imgUrl+'/newImages/18.png'}}"></image>
  10. <view style="left:{{selectType==1?'0':'50%'}}" class="maskSelect"></view>
  11. </view>
  12. <!-- <image class="posterBg" src="{{imgUrl+'/images/posterBg.jpg'}}"></image> -->
  13. <canvas wx:if="{{canvasShow}}" class="canvasDraw" canvas-id="myCanvas"></canvas>
  14. <view wx:if="{{selectType==1}}">
  15. <view class="swiperFrame">
  16. <swiper class="swiperSty" current="{{swiperCurrent}}" bindchange="swiperChange" previous-margin="130rpx" next-margin="130rpx">
  17. <!-- <swiper-item wx:for="{{posterUrl}}" wx:key="index"> -->
  18. <swiper-item wx:for="{{3}}" wx:key="index">
  19. <view class="selectTempFrame {{index==swiperCurrent?'selectTempFrameBorder':''}}">
  20. <view class="imgGroup">
  21. <image style="width:100%;height:100%;" src="{{imgUrl+'/images/tempImg'+(index+1)+'.jpg?v=004'}}"></image>
  22. <view class="userMsg">
  23. <image class="userHead" src="{{userHead}}"></image>
  24. <!-- <image class="userHead" src="{{imgUrl+'/images/posterChoose.png'}}"></image> -->
  25. <view class="userNickName">{{userInfoData.nickName?userInfoData.nickName:""}}</view>
  26. </view>
  27. <view class="userNumber">
  28. <image class="posterNum" src="{{imgUrl+'/images/posterNum.png'}}"></image>
  29. <view class="numberGroup">
  30. <image class="numberNum numberNum1" src="{{imgUrl+'/images/nums/'+rankNum[0]+'.png'}}"></image>
  31. <image class="numberNum numberNum2" src="{{imgUrl+'/images/nums/'+rankNum[1]+'.png'}}"></image>
  32. <image class="numberNum numberNum3" src="{{imgUrl+'/images/nums/'+rankNum[2]+'.png'}}"></image>
  33. <image class="numberNum numberNum4" src="{{imgUrl+'/images/nums/'+rankNum[3]+'.png'}}"></image>
  34. </view>
  35. </view>
  36. <image class="posterBottom" mode="widthFix" src="{{imgUrl + '/newImages/posterBottom.png?v=002'}}"></image>
  37. <image class="userQrCode" src="{{qrCodeUrl}}"></image>
  38. </view>
  39. <image wx:if="{{index==swiperCurrent}}" class="posterChoose" src="{{imgUrl+'/images/posterChoose.png'}}"></image>
  40. </view>
  41. </swiper-item>
  42. </swiper>
  43. <image class="leftArrow" wx:if="{{swiperCurrent!=0}}" bindtap="prevImg" src="{{imgUrl+'/images/leftArrow.png'}}"></image>
  44. <image class="rightArrow" wx:if="{{swiperCurrent!=2}}" bindtap="nextImg" src="{{imgUrl+'/images/rightArrow.png'}}"></image>
  45. </view>
  46. <view class="operationFrame">
  47. <view class="operationGroup" style="margin-right:55rpx;" bindtap="saveImg">
  48. <image class="saveIcon" src="{{imgUrl+'/images/saveIcon.png'}}"></image>
  49. <view class="operationText">保存本地</view>
  50. </view>
  51. <view class="operationGroup">
  52. <image class="saveIcon" src="{{imgUrl+'/images/shareIcon.png'}}"></image>
  53. <view class="operationText">分享好友</view>
  54. <button class="shareBtn" open-type="share"></button>
  55. </view>
  56. </view>
  57. </view>
  58. <view wx:if="{{selectType==2}}">
  59. <view class="shareGroup">
  60. <image class="newImages19" src="{{imgUrl+'/newImages/19.png'}}"></image>
  61. <image class="posterShareImg" src="{{imgUrl+'/images/posterShareImg' + (swiperCurrent+1)+'.jpg?v=004'}}"></image>
  62. </view>
  63. <image class="newImages20" src="{{imgUrl+'/newImages/20.png'}}"></image>
  64. <view class="shareSelect">
  65. <image class="newImages21" src="{{imgUrl+'/newImages/21.png'}}"></image>
  66. <button class="shareBtn2" style="min-height:0;width: 96rpx;height: 100rpx;" open-type="share"></button>
  67. </view>
  68. </view>
  69. </view>
  70. <tabBar></tabBar>
  71. </view>