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.

127 lines
4.9 KiB

  1. <navbar back home text="门店详情"></navbar>
  2. <view style="padding-top:{{navigationBarHeight}};">
  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" />
  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' wx:if="{{data.title!=''}}">{{data.title}}</text>
  24. </view>
  25. <view class='fenxiang' wx:if="{{data.type!=50&&data.type!=51}}" bindtap='showshare'>
  26. <image src='{{fenxiang}}' mode="widthFix"></image>
  27. <text class='gift'>分享</text>
  28. </view>
  29. </view>
  30. <!-- 一个商铺 -->
  31. <!-- 多个商铺 -->
  32. <view class='merchant-shop shopHr'>
  33. <view class='clearfix' style='width:100%;'>
  34. <view class='wz'>
  35. <text>商户位置:</text>
  36. </view>
  37. <view class='merchants'>
  38. <text wx:for="{{shopVoList}}" wx:key="{{index}}" >
  39. {{item.buildingName}}{{item.floorName}}--{{item.shopNumber}}
  40. </text>
  41. </view>
  42. </view>
  43. </view>
  44. <!-- 联系方式 -->
  45. <view class='merchant-shop shopHr' wx:if="{{data.linkLinePhone}}">
  46. <view class='clearfix' style='width:100%;'>
  47. <view class='fl'>
  48. <text>客服电话:</text>
  49. </view>
  50. <view class='frHr'>
  51. <view style='display:inline-block;text-align:left;margin-right:20rpx;'class='posi'>
  52. <text wx:if="{{data.linkLinePhone}}">{{data.linkLinePhone}}</text>
  53. <text wx:else>{{data.merchantLinkPhone}}</text>
  54. </view>
  55. </view>
  56. </view>
  57. </view>
  58. <!-- 商户活动 -->
  59. <view class='merchant-shop shopHr' wx:if="{{data.actionDesc}}" >
  60. <view class='notes'>
  61. <view>
  62. <text>商户活动:</text>
  63. </view>
  64. <view>
  65. <text style="line-height:38rpx;">{{data.actionDesc}}</text>
  66. </view>
  67. </view>
  68. </view>
  69. <!-- 商户简介 -->
  70. <view class='merchant-phones'>
  71. <view class="swiper-tab">
  72. <view class="swiper-tab-item " data-current="0" bindtap="clickTab">
  73. 优惠信息
  74. <view class="{{currentTab==0?'active-tab':''}}"></view>
  75. </view>
  76. <view class="swiper-tab-item" data-current="1" bindtap="clickTab">
  77. 商家简介
  78. <view class="{{currentTab==1?'active-tab':''}}"></view>
  79. </view>
  80. </view>
  81. <view class='swiperactive'>
  82. <!-- 商户对应的活动 -->
  83. <view wx:if="{{currentTab==0}}">
  84. <view class='coupons clearfix'>
  85. <c-coupons wx:if="{{couponList.length!=0}}" wx:for="{{couponList}}" from="fromMerchant" paramAtoB="{{loading}}" wx:key="unique" data="{{item}}" list="{{couponList}}" />
  86. </view>
  87. <view class='dingdan' wx:if="{{couponList.length==0}}">
  88. <image src="{{noCoupon}}" mode="widthFix"></image>
  89. <text>请您敬请期待</text>
  90. <text>我们正在筹备一大波优惠活动</text>
  91. </view>
  92. <view class="loading" wx:if="{{loading}}">
  93. <image src="{{loadingUrl}}" mode="widthFix"></image>
  94. {{content}}
  95. </view>
  96. <view class='loadingtext' wx:if="{{loadingtext}}">{{loadingtext}}</view>
  97. </view>
  98. <!-- 商户简介 -->
  99. <view wx:elif="{{currentTab==1}}" class='dingdan' >
  100. <image src="{{noMerchant}}" wx:if="{{!data.introduction}}" mode="widthFix"></image>
  101. <text wx:if="{{data.introduction}}">{{data.introduction}}</text>
  102. <text wx:if="{{!data.introduction}}">信息完善中,敬请期待~</text>
  103. </view>
  104. </view>
  105. <view class='merchant-info'>
  106. <view hidden='currentTabsIndex!=0'>
  107. <text wx:if="{{data.summary}}">{{data.summary}}</text>
  108. </view>
  109. </view>
  110. </view>
  111. <!-- 分享弹框 -->
  112. <view class='modal' wx:if="{{isshare}}" bindtap='hidemodal'>
  113. <view class='modal-content'>
  114. <view>
  115. <button class='share user-motto' data-id="{{data.id}}" data-title='{{data.title}}' id="shareBtn" open-type="share" hover-class="other-button-hover"></button>
  116. <image src='./../../../../assets/images/wechat.png' mode='aspectFit'></image>
  117. <text>微信好友</text>
  118. </view>
  119. <view bindtap='showPoster'>
  120. <image src='./../../../../assets/images/picture.png' mode='aspectFit'></image>
  121. <text>生成海报</text>
  122. </view>
  123. </view>
  124. </view>
  125. </view>
  126. </view>