东风启辰小程序端
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.

poster.wxml 5.2KB

5 jaren geleden
5 jaren geleden
5 jaren geleden
5 jaren geleden
5 jaren geleden
5 jaren geleden
5 jaren geleden
5 jaren geleden
5 jaren geleden
5 jaren geleden
5 jaren geleden
5 jaren geleden
5 jaren geleden
5 jaren geleden
5 jaren geleden
5 jaren geleden
5 jaren geleden
5 jaren geleden
5 jaren geleden
5 jaren geleden
5 jaren geleden
5 jaren geleden
5 jaren geleden
5 jaren geleden
5 jaren geleden
5 jaren geleden
5 jaren geleden
5 jaren geleden
5 jaren geleden
5 jaren geleden
5 jaren geleden
5 jaren geleden
5 jaren geleden
5 jaren geleden
5 jaren geleden
5 jaren geleden
5 jaren geleden
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  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+'/newImages2/15.png'}}"></image>
  9. <image class="newImages17" bindtap="changeSelect" wx:if="{{selectType==2}}" src="{{imgUrl+'/newImages2/16.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. <view class="titleText">分享海报</view>
  14. <view class="lineSty"></view>
  15. <canvas wx:if="{{canvasShow}}" class="canvasDraw" canvas-id="myCanvas"></canvas>
  16. <view wx:if="{{selectType==1}}">
  17. <view class="swiperFrame">
  18. <swiper class="swiperSty" current="{{swiperCurrent}}" bindchange="swiperChange" previous-margin="130rpx" next-margin="130rpx">
  19. <!-- <swiper-item wx:for="{{posterUrl}}" wx:key="index"> -->
  20. <swiper-item wx:for="{{3}}" wx:key="index">
  21. <view class="selectTempFrame {{index==swiperCurrent?'selectTempFrameBorder':''}}">
  22. <view class="imgGroup">
  23. <!-- <image style="width:100%;height:100%;" src="{{imgUrl+'/newImages3/tempImg'+(index+1)+'.jpg?v=007'}}"></image> -->
  24. <image style="width:100%;" mode="widthFix" src="{{imgUrl+'/newImages7/16_'+(index+1)+'.png?v=002'}}"></image>
  25. <view class="userMsg">
  26. <image class="userHead" src="{{userHead}}"></image>
  27. <!-- <image class="userHead" src="{{imgUrl+'/images/posterChoose.png'}}"></image> -->
  28. <view class="userNickName">{{"@"+userName+"送你——"}}</view>
  29. </view>
  30. <!-- <view class="userNumber">
  31. <image class="posterNum" style="display:none;" src="{{imgUrl+'/images/posterNum.png'}}"></image>
  32. <image class="posterNum1" src="{{imgUrl+'/newImages4/5.png'}}"></image>
  33. <image class="posterNum2" style="left:{{105+(rankNum.length*40)}}rpx" src="{{imgUrl+'/newImages4/6.png'}}"></image>
  34. <image class="posterNum3" src="{{imgUrl+'/newImages4/4.png'}}"></image>
  35. <view class="numberGroup">
  36. <image class="newImages3-51" style="left:{{100+40*index}}rpx" wx:for="{{rankNum}}" wx:key="index" src="{{imgUrl+'/newImages3/51.png?v=002'}}"></image>
  37. <image class="numberNum" style="left:{{103+40*index}}rpx" wx:for="{{rankNum}}" wx:key="index" src="{{imgUrl+'/images/nums/'+rankNum[index]+'.png'}}"></image>
  38. </view>
  39. </view> -->
  40. <image class="posterBottom" mode="widthFix" src="{{imgUrl + '/newImages7/15.png'}}"></image>
  41. <image class="userQrCode" src="{{qrCodeUrl}}"></image>
  42. </view>
  43. <image wx:if="{{index==swiperCurrent}}" class="posterChoose" src="{{imgUrl+'/images/posterChoose.png'}}"></image>
  44. </view>
  45. </swiper-item>
  46. </swiper>
  47. <image class="leftArrow" wx:if="{{swiperCurrent!=0}}" bindtap="prevImg" src="{{imgUrl+'/newImages2/21.png'}}"></image>
  48. <image class="rightArrow" wx:if="{{swiperCurrent!=2}}" bindtap="nextImg" src="{{imgUrl+'/newImages2/20.png'}}"></image>
  49. </view>
  50. <view class="operationFrame" style="background-image: url({{imgUrl+'/newImages2/17.png'}});">
  51. <view class="newImages3-share" bindtap="saveImg">
  52. <image class="newImages3-8" src="{{imgUrl+'/newImages3/8.png'}}"></image>
  53. <image class="newImages3-9" src="{{imgUrl+'/newImages3/9.png'}}"></image>
  54. </view>
  55. <!-- <view class="operationGroup" bindtap="saveImg">
  56. <image class="saveIcon" src="{{imgUrl+'/newImages2/18.png'}}"></image>
  57. </view>
  58. <view class="operationGroup">
  59. <image class="saveIcon" src="{{imgUrl+'/newImages2/19.png'}}"></image>
  60. <button class="shareBtn" style="min-height:0;width:100%;" open-type="share"></button>
  61. </view> -->
  62. </view>
  63. </view>
  64. <view wx:if="{{selectType==2}}">
  65. <view class="shareGroup">
  66. <image class="newImages19" src="{{imgUrl+'/newImages/19.png'}}"></image>
  67. <!-- <image class="posterShareImg" src="{{imgUrl+'/newImages3/28_' + (swiperCurrent+1)+'.png?v=005'}}"></image> -->
  68. <image class="posterShareImg" style="width:418rpx;height:336rpx;" src="{{imgUrl+'/newImages7/1.png'}}"></image>
  69. </view>
  70. <view class="newImages20">
  71. <image class="newImages3-10" src="{{imgUrl+'/newImages3/10.png'}}"></image>
  72. <image class="newImages3-11" src="{{imgUrl+'/newImages3/11.png'}}"></image>
  73. <button class="shareBtn2" style="min-height:0;width: 173rpx;height: 186rpx;" open-type="share"></button>
  74. </view>
  75. <!-- <view class="shareSelect">
  76. <image class="newImages21" src="{{imgUrl+'/newImages/21.png'}}"></image>
  77. <button class="shareBtn2" style="min-height:0;width: 96rpx;height: 100rpx;" open-type="share"></button>
  78. </view> -->
  79. </view>
  80. </view>
  81. <tabBar></tabBar>
  82. </view>