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

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