C端小程序
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

117 行
4.6 KiB

  1. <view>
  2. <swiper class="index-slide" autoplay="true" circular="false">
  3. <block wx:for="{{imglist}}" wx:key="unique">
  4. <swiper-item>
  5. <image src="{{item}}" class="index-slide-image" mode='widthFix' />
  6. </swiper-item>
  7. </block>
  8. </swiper>
  9. <view class="dots">
  10. <block wx:for="{{imglist}}" wx:key="unique">
  11. <view class="dot{{index == swiperCurrent ? ' active' : ''}}"></view>
  12. </block>
  13. </view>
  14. <view class='merchant-detail'>
  15. <!-- 品牌信息 -->
  16. <view class='merchant-brand' style='position:relative;z-index:9'>
  17. <view>
  18. <image src='{{data.merchantImgUrl}}' mode='aspectFill'></image>
  19. </view>
  20. <view>
  21. <text>{{data.merchantName}}</text>
  22. <text class='title'>{{data.title}}</text>
  23. </view>
  24. <view class='fenxiang' wx:if="{{data.type!=50&&data.type!=51}}" bindtap='showshare'>
  25. <image class="fenxiang" src='{{share01}}' mode="widthFix"></image>
  26. </view>
  27. </view>
  28. <!-- 一个商铺 -->
  29. <!-- 多个商铺 -->
  30. <view class='merchant-shop'>
  31. <view>
  32. <view>
  33. <text>商户位置</text>
  34. </view>
  35. <view class='merchants'>
  36. <text wx:for="{{shopVoList}}" wx:key="{{index}}">
  37. {{item.buildingName}}{{item.floorName}}--{{item.shopNumber}}
  38. </text>
  39. </view>
  40. </view>
  41. </view>
  42. <!-- 联系方式 -->
  43. <view class='merchant-phone'>
  44. <view>
  45. <text>联系商户</text>
  46. </view>
  47. <view>
  48. <view style='display:block;text-align:left;margin-right:20rpx;'>
  49. <text>{{data.merchantLinkPhone}}</text>
  50. </view>
  51. <image bindtap='phone' data-merchantLinkPhone='{{data.merchantLinkPhone}}' class="tel" src="{{teljpgUrl}}" mode="widthFix" />
  52. </view>
  53. </view>
  54. <!-- 商户简介 -->
  55. <view class='merchant-phones'>
  56. <view class="swiper-tab">
  57. <view class="swiper-tab-item {{currentTab==0?'active-tab':''}}" data-current="0" bindtap="clickTab">
  58. 优惠信息
  59. </view>
  60. <view class="swiper-tab-item {{currentTab==1?'active-tab':''}}" data-current="1" bindtap="clickTab">
  61. 商家简介
  62. </view>
  63. </view>
  64. <view class='swiperactive'>
  65. <!-- 商户对应的活动 -->
  66. <view wx:if="{{currentTab==0}}">
  67. <view class='coupons clearfix'>
  68. <c-coupons wx:if="{{couponList.length!=0}}" wx:for="{{couponList}}" from="fromMerchant" paramAtoB="{{loading}}" wx:key="unique" data="{{item}}" list="{{couponList}}" />
  69. </view>
  70. <view class='dingdan' wx:if="{{couponList.length==0}}">
  71. <image src="{{actUrl}}" mode="widthFix"></image>
  72. <text>请您敬请期待</text>
  73. <text>我们正在筹备一大波优惠活动</text>
  74. </view>
  75. <view class="loading" wx:if="{{loading}}">
  76. <image src="{{loadingUrl}}" mode="widthFix"></image>
  77. {{content}}
  78. </view>
  79. <view class='loadingtext' wx:if="{{loadingtext}}">{{loadingtext}}</view>
  80. </view>
  81. <!-- 商户简介 -->
  82. <view wx:elif="{{currentTab==1}}">
  83. <text wx:if="{{data.introduction}}">{{data.introduction}}</text>
  84. <text wx:else>信息完善中,敬请期待。</text>
  85. </view>
  86. </view>
  87. <view class='merchant-info'>
  88. <view hidden='currentTabsIndex!=0'>
  89. <text wx:if="{{data.summary}}">{{data.summary}}</text>
  90. </view>
  91. </view>
  92. </view>
  93. <!-- 分享弹框 -->
  94. <view class='modal' wx:if="{{isshare}}" bindtap='hidemodal'>
  95. <view class='modal-content'>
  96. <view>
  97. <button class='share user-motto' data-id='{{data.id}}' data-couponId='{{data.couponId}}' data-title='{{data.title}}' id="shareBtn" open-type="share" hover-class="other-button-hover"></button>
  98. <image src='./../../../../assets/images/wechat.png' mode='aspectFit'></image>
  99. <text>微信好友</text>
  100. </view>
  101. <view bindtap='showPoster'>
  102. <image src='./../../../../assets/images/picture.png' mode='aspectFit'></image>
  103. <text>生成海报</text>
  104. </view>
  105. </view>
  106. </view>
  107. <!-- 分享海报 -->
  108. <view class='postermodal' wx:if="{{showpost}}" bindtap='hideposter' catchtouchmove='true'>
  109. <canvas canvas-id='myCanvas' class='canvas-content' style='height:{{totalHeight * canvasScale}}px;width:{{375*canvasScale}}px'>
  110. <cover-view class='save-button' bindtap='saveImage'>
  111. <cover-image src="./../../../../assets/images/download.png" class="share-image"></cover-image>
  112. </cover-view>
  113. </canvas>
  114. </view>
  115. </view>
  116. </view>