抖音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.

130 line
4.9 KiB

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