C端小程序
Ви не можете вибрати більше 25 тем Теми мають розпочинатися з літери або цифри, можуть містити дефіси (-) і не повинні перевищувати 35 символів.

102 рядки
3.9 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}}">{{item.buildingName}}{{item.floorName}}--{{item.shopNumber}}</text>
  33. </view>
  34. </view>
  35. </view>
  36. <!-- 联系方式 -->
  37. <view class='merchant-phone'>
  38. <view>
  39. <text>联系商户</text>
  40. </view>
  41. <view>
  42. <view style='display:block;text-align:left;margin-right:20rpx;'>
  43. <text>{{data.merchantLinkPhone}}</text>
  44. </view>
  45. <image bindtap='phone' data-merchantLinkPhone='{{data.merchantLinkPhone}}' class="tel" src="{{teljpgUrl}}" mode="widthFix" />
  46. </view>
  47. </view>
  48. <!-- 商户简介 -->
  49. <view class='merchant-phones'>
  50. <view class="swiper-tab">
  51. <view class="swiper-tab-item {{currentTab==0?'active-tab':''}}" data-current="0" bindtap="clickTab">优惠信息</view>
  52. <view class="swiper-tab-item {{currentTab==1?'active-tab':''}}" data-current="1" bindtap="clickTab">商家简介</view>
  53. </view>
  54. <!--   <swiper current="{{currentTab}}" duration="300" bindchange="swiperTabView"> -->
  55. <view class='swiperactive'>
  56. <!-- 商户对应的活动 -->
  57. <view wx:if="{{currentTab==0}}">
  58. <view class='coupons clearfix'>
  59. <c-coupons wx:if="{{couponList.length!=0}}" wx:for="{{couponList}}" paramAtoB="{{loading}}" wx:key="unique" data="{{item}}" list="{{couponList}}" />
  60. </view>
  61. <view class='dingdan' wx:if="{{couponList.length==0}}">
  62. <image src="{{actUrl}}" mode="widthFix"></image>
  63. <text>请您敬请期待</text>
  64. <text>我们正在筹备一大波优惠活动</text>
  65. </view>
  66. <view class="loading" wx:if="{{loading}}">
  67. <image src="{{loadingUrl}}" mode="widthFix"></image>{{content}}</view>
  68. <view class='loadingtext' wx:if="{{loadingtext}}">{{loadingtext}}</view>
  69. </view>
  70. <!-- 商户简介 -->
  71. <view wx:elif="{{currentTab==1}}">
  72. <text wx:if="{{data.summary}}">{{data.summary}}</text>
  73. <text wx:else>{{"信息完善中,敬请期待。"}}</text>    </view>
  74. </view>
  75. <!--   </swiper> -->
  76. <view class='merchant-info'>
  77. <view hidden='currentTabsIndex!=0'>
  78. <text wx:if="{{data.summary}}">{{data.summary}}</text>
  79. </view>
  80. </view>
  81. </view>
  82. <!-- 分享弹框 -->
  83. <view class='modal' wx:if="{{isshare}}" bindtap='hidemodal'>
  84. <view class='modal-content'>
  85. <view>
  86. <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>
  87. <image src='./../../../assets/images/wechat.png' mode='aspectFit'></image>
  88. <text>微信好友</text>
  89. </view>
  90. <view>
  91. <image src='./../../../assets/images/picture.png' mode='aspectFit'></image>
  92. <text>生成海报</text>
  93. </view>
  94. </view>
  95. </view>
  96. </view>
  97. </view>