C端小程序
25개 이상의 토픽을 선택하실 수 없습니다. Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

129 lines
5.0 KiB

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