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.

128 lines
4.9 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-activity' wx:if="{{data.actionDesc}}" >
  56. <view class='notes'>
  57. <view>
  58. <text>商户活动</text>
  59. </view>
  60. <view>
  61. <text>{{data.actionDesc}}</text>
  62. </view>
  63. </view>
  64. </view>
  65. <!-- 商户简介 -->
  66. <view class='merchant-phones'>
  67. <view class="swiper-tab">
  68. <view class="swiper-tab-item {{currentTab==0?'active-tab':''}}" data-current="0" bindtap="clickTab">
  69. 优惠信息
  70. </view>
  71. <view class="swiper-tab-item {{currentTab==1?'active-tab':''}}" data-current="1" bindtap="clickTab">
  72. 商家简介
  73. </view>
  74. </view>
  75. <view class='swiperactive'>
  76. <!-- 商户对应的活动 -->
  77. <view wx:if="{{currentTab==0}}">
  78. <view class='coupons clearfix'>
  79. <c-coupons wx:if="{{couponList.length!=0}}" wx:for="{{couponList}}" from="fromMerchant" paramAtoB="{{loading}}" wx:key="unique" data="{{item}}" list="{{couponList}}" />
  80. </view>
  81. <view class='dingdan' wx:if="{{couponList.length==0}}">
  82. <image src="{{actUrl}}" mode="widthFix"></image>
  83. <text>请您敬请期待</text>
  84. <text>我们正在筹备一大波优惠活动</text>
  85. </view>
  86. <view class="loading" wx:if="{{loading}}">
  87. <image src="{{loadingUrl}}" mode="widthFix"></image>
  88. {{content}}
  89. </view>
  90. <view class='loadingtext' wx:if="{{loadingtext}}">{{loadingtext}}</view>
  91. </view>
  92. <!-- 商户简介 -->
  93. <view wx:elif="{{currentTab==1}}">
  94. <text wx:if="{{data.introduction}}">{{data.introduction}}</text>
  95. <text wx:else>信息完善中,敬请期待。</text>
  96. </view>
  97. </view>
  98. <view class='merchant-info'>
  99. <view hidden='currentTabsIndex!=0'>
  100. <text wx:if="{{data.summary}}">{{data.summary}}</text>
  101. </view>
  102. </view>
  103. </view>
  104. <!-- 分享弹框 -->
  105. <view class='modal' wx:if="{{isshare}}" bindtap='hidemodal'>
  106. <view class='modal-content'>
  107. <view>
  108. <button class='share user-motto' data-id="{{data.id}}" data-title='{{data.title}}' id="shareBtn" open-type="share" hover-class="other-button-hover"></button>
  109. <image src='./../../../../assets/images/wechat.png' mode='aspectFit'></image>
  110. <text>微信好友</text>
  111. </view>
  112. <view bindtap='showPoster'>
  113. <image src='./../../../../assets/images/picture.png' mode='aspectFit'></image>
  114. <text>生成海报</text>
  115. </view>
  116. </view>
  117. </view>
  118. <!-- 分享海报 -->
  119. <view class='postermodal' wx:if="{{showpost}}" bindtap='hideposter' catchtouchmove='true'>
  120. <canvas bindlongtap='previewImage' canvas-id='myCanvas' class='canvas-content' style="width:{{windowWidth}}px;height:{{windowHeight}}px;box-shadow: 1px 1px 5px 5px rgba(0, 0, 0, 0.05);" >
  121. <!-- <cover-view class='save-button' bindtap='saveImage'>
  122. <cover-image src="./../../../../assets/images/download.png" class="share-image"></cover-image>
  123. </cover-view> -->
  124. </canvas>
  125. </view>
  126. </view>
  127. </view>