index.wxml 6.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113
  1. <!-- 轮播图 -->
  2. <My_BannerSwiper swiperBannerList="{{swiperBannerList}}"></My_BannerSwiper>
  3. <!-- 数据展示 -->
  4. <view class="data-display">
  5. <view>
  6. <view class="data-display-title">参展企业</view>
  7. <view class="data-display-num">{{fagentcount}}</view>
  8. </view>
  9. <view>
  10. <view class="data-display-title">正在直播</view>
  11. <view class="data-display-num">{{flivecount}}</view>
  12. </view>
  13. <view>
  14. <view class="data-display-title">正在观看</view>
  15. <view class="data-display-num">{{fcustcount}}</view>
  16. </view>
  17. </view>
  18. <!-- wx:if="{{liveList.length>=1}}" -->
  19. <My_DisplayBox title="云展会直播大厅" isMore="{{false}}">
  20. <!-- 分类和搜索 -->
  21. <view class="classify-and-search">
  22. <view class="classify" data-index="1" catchtap="showPullDown">
  23. {{liveSelectClassify}}
  24. <van-icon style="margin-left: 8rpx; pointer-events: none;" name="arrow-down" />
  25. </view>
  26. <van-transition show="{{showDownIndex==1}}" class="pattern-item-box" style="z-index: 999;" name="fade">
  27. <view class="pattern-item" bindtap="modeSelect">
  28. <text class="square"></text>
  29. <view wx:for="{{liveClassifyList}}" class="{{liveSelectClassify==item?'SelectClassify':''}}" data-index="{{index}}" data-name="{{item}}">{{item}}</view>
  30. </view>
  31. </van-transition>
  32. <view class="liveSearch">
  33. <input class="liveSearch-input" type="text" confirm-type='search' placeholder="搜索直播间" bindinput="searchBlur" />
  34. <view class="liveSearch-icon">
  35. <image src="/static/icon-09.png" style="width: 20rpx; height: 20rpx; margin-bottom:6rpx;" mode="aspectFit"></image>
  36. </view>
  37. </view>
  38. </view>
  39. <!-- 标题前图片 -->
  40. <image slot="display-box-img" class="display-title_image" src="/static/icon-06.png" mode="aspectFit"></image>
  41. <!-- 主要展示 -->
  42. <scroll-view wx:if="{{liveList.length}}" scroll-y class="live-scroll-view" bindscrolltolower='scrolltolower'>
  43. <liveList list="{{liveList}}" isShow='{{true}}' />
  44. </scroll-view>
  45. <van-empty wx:else class="custom-image" image="https://bwj.obs.cn-east-2.myhuaweicloud.com/resources/WeChat/zhanhui.png" description="暂未开放,敬请期待!" />
  46. <!-- <view wx:else style="width: 100%; display: flex; justify-content: center; flex-direction: column; align-items: center;">
  47. <image style="height: 454rpx; width:480rpx;" src="/static/zhanh.png"></image>
  48. <view style="padding:15rpx 0 ; opacity: 0.6;">暂未开发,敬请期待!</view>
  49. <view style="width: 10px; height: 30rpx;"></view>
  50. </view> -->
  51. <!-- <swiper class="exhibition-swiper" style="height: {{showLiveList[0].length>2?'700':'355'}}rpx;" indicator-dots indicator-active-color="#4DC2D4" indicator-color="#D8D8D8">
  52. <swiper-item wx:for="{{showLiveList}}" class="exhibition-swiper-item">
  53. <view wx:for="{{item}}" class="exhibition" style="float: right;">
  54. <image class="exhibition-img" src="{{item.channelcoverimageurl}}" mode="aspectFill"></image>
  55. <view class="exhibition-bottom">
  56. <view class="exhibition-bottom-title u-line-1">{{item.fbrand}}</view>
  57. <view class="exhibition-bottom-data">
  58. <image src="/static/icon-11.png"></image>
  59. <view class="exhibition-bottom-data-text u-line-1">{{item.fcustcount}}</view>
  60. </view>
  61. </view>
  62. </view>
  63. </swiper-item>
  64. </swiper> -->
  65. </My_DisplayBox>
  66. <!-- wx:if="{{agentList.length>=1}}" -->
  67. <My_DisplayBox wx:if="{{false}}" title="热门展商" isMore="{{false}}">
  68. <!-- 分类和搜索 -->
  69. <view class="classify-and-search">
  70. <view class="classify" data-index="2" catchtap="showPullDown">
  71. {{agentSelectClassify}}
  72. <van-icon style="margin-left: 8rpx; pointer-events: none;" name="arrow-down" />
  73. </view>
  74. <van-transition show="{{showDownIndex==2}}" class="pattern-item-box" style="z-index: 999;" name="fade">
  75. <view class="pattern-item" bindtap="modeSelect">
  76. <text class="square"></text>
  77. <view wx:for="{{agentClassifyList}}" class="{{agentSelectClassify==item?'SelectClassify':''}}" data-index="{{index}}" data-name="{{item}}">{{item}}</view>
  78. </view>
  79. </van-transition>
  80. </view>
  81. <!-- 标题前图片 -->
  82. <image slot="display-box-img" class="display-title_image" src="/static/icon-04.png" mode="aspectFit"></image>
  83. <!-- 展示 -->
  84. <swiper class="exhibition-swiper" style="height: {{showAgentList[0].length>2?'700':'355'}}rpx;" indicator-dots indicator-active-color="#4DC2D4" indicator-color="#D8D8D8">
  85. <swiper-item wx:for="{{showAgentList}}" class="exhibition-swiper-item">
  86. <view wx:for="{{item}}" class="exhibition">
  87. <image class="exhibition-img" wx:if="{{item.attinfos[0]}}" src="{{item.attinfos[0].fobsurl}}" mode="aspectFill"></image>
  88. <image class="exhibition-img" wx:else src="/static/annunciate/cover.png" mode="aspectFill"></image>
  89. <view class="showLocation">{{item.flocation!=null?item.flocation:'未知区域'}}</view>
  90. <view class="exhibition-bottom">
  91. <view class="exhibition-bottom-title u-line-1">{{item.fbrand}}</view>
  92. <view class="exhibition-bottom-data">
  93. <view class="exhibition-bottom-data-text u-line-1">{{item.flocationclass}}</view>
  94. </view>
  95. </view>
  96. </view>
  97. </swiper-item>
  98. </swiper>
  99. </My_DisplayBox>
  100. <!-- wx:if="{{prodList.length>=1}}" -->
  101. <My_DisplayBox wx:if="{{false}}" title="热门商品" isMore="{{false}}">
  102. <!-- 标题前图片 -->
  103. <image slot="display-box-img" class="display-title_image" src="/static/icon-04.png" mode="aspectFit"></image>
  104. <swiper class="show-prod-list" style="height: {{prodList[0].length>2?'600':'325'}}rpx;" autoplay circular indicator-active-color="#4DC2D4" indicator-color="#D8D8D8" indicator-dots snap-to-edge>
  105. <swiper-item wx:for="{{prodList}}">
  106. <My_VerticalBox list='{{item}}' pageType="zhanhui"></My_VerticalBox>
  107. </swiper-item>
  108. </swiper>
  109. </My_DisplayBox>
  110. <view wx:if="{{showDownIndex!=-1}}" style="height: 250%; width: 100vw; position: absolute; top: 0; left: 0; opacity: 0.3; z-index: 0; background-color: #000;" bindtap="closeTheDropDown"></view>