C端小程序
您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符

77 行
2.6 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'>
  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>
  21. <!-- 一个商铺 -->
  22. <!-- 多个商铺 -->
  23. <view class='merchant-shop'>
  24. <view>
  25. <view>
  26. <text>商户位置</text>
  27. </view>
  28. <view class='merchants'>
  29. <text wx:for="{{shopVoList}}" wx:key="{{index}}">{{item.buildingName}}{{item.floorName}}--{{item.shopNumber}}</text>
  30. </view>
  31. </view>
  32. </view>
  33. <!-- 联系方式 -->
  34. <view class='merchant-phone'>
  35. <view>
  36. <text>联系商户</text>
  37. </view>
  38. <view>
  39. <view style='display:block;text-align:left;margin-right:20rpx;'>
  40. <text>{{data.merchantLinkPhone}}</text>
  41. </view>
  42. <image bindtap='phone' data-merchantLinkPhone='{{data.merchantLinkPhone}}' class="tel" src="{{teljpgUrl}}" mode="widthFix" />
  43. </view>
  44. </view>
  45. <!-- 商户简介 -->
  46. <view class='merchant-phones'>
  47. <!-- <view>
  48. <text>商户简介</text>
  49. </view> -->
  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 class="swiper-tab-item {{currentTab==2?'active-tab':''}}" data-current="2" bindtap="clickTab">找车</view>
  54.   </view>
  55.   <swiper current="{{currentTab}}" duration="300" bindchange="swiperTabView">
  56.     <swiper-item>
  57.       <view>全部</view>
  58.     </swiper-item>
  59.     <swiper-item>
  60.       <view>找人</view>
  61.     </swiper-item>
  62.     <swiper-item>
  63.       <view>找车</view>
  64.     </swiper-item>
  65.   </swiper>
  66. <view class='merchant-info'>
  67. <view hidden='currentTabsIndex!=0'>
  68. <text wx:if="{{data.summary}}">{{data.summary}}</text>
  69. </view>
  70. <view hidden='currentTabsIndex!=1'>
  71. <text wx:if="{{data.summary}}">{{data.summary}}</text>
  72. <text wx:else>{{"信息完善中,敬请期待。"}}</text>
  73. </view>
  74. </view>
  75. </view>
  76. </view>
  77. </view>