C端小程序
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.

115 lines
4.5 KiB

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