bwj_wechat/pages/tradeShow/index.wxml

<!-- 轮播图 -->
<My_BannerSwiper swiperBannerList="{{swiperBannerList}}"></My_BannerSwiper>

<!-- 数据展示 -->
<view class="data-display">
    <view>
        <view class="data-display-title">展示商</view>
        <view class="data-display-num">{{fagentcount}}</view>
    </view>
    <view>
        <view class="data-display-title">正在直播</view>
        <view class="data-display-num">{{flivecount}}</view>
    </view>
    <view>
        <view class="data-display-title">观众人数</view>
        <view class="data-display-num">{{ftotalcustcount}}</view>
    </view>
</view>

<My_DisplayBox title="云展会直播大厅" isMore="{{false}}">
    <!-- 分类和搜索 -->
    <view class="classify-and-search">
        <view class="classify" data-index="1" catchtap="showPullDown">
            {{liveSelectClassify}}
            <van-icon style="margin-left: 8rpx;  pointer-events: none;" name="arrow-down" />
        </view>
        <van-transition show="{{showDownIndex==1}}" class="pattern-item-box" style="z-index: 999;" name="fade">
            <view class="pattern-item" bindtap="modeSelect">
                <text class="square"></text>
                <view wx:for="{{liveClassifyList}}" class="{{liveSelectClassify==item?'SelectClassify':''}}" data-index="{{index}}" data-name="{{item}}">{{item}}</view>
            </view>
        </van-transition>
        <view class="liveSearch">
            <input class="liveSearch-input" type="text" confirm-type='search' placeholder="搜索直播间" bindinput="searchBlur" />
            <view class="liveSearch-icon">
                <image src="/static/icon-09.png" style="width: 20rpx; height: 20rpx; margin-bottom:6rpx;" mode="aspectFit"></image>
            </view>
        </view>
    </view>
    <!-- 标题前图片 -->
    <image slot="display-box-img" class="display-title_image" src="/static/icon-06.png" mode="aspectFit"></image>
    <!-- 主要展示 -->
    <swiper class="exhibition-swiper" indicator-dots indicator-active-color="#4DC2D4" indicator-color="#D8D8D8">
        <swiper-item wx:for="{{showLiveList}}" class="exhibition-swiper-item">
            <view wx:for="{{item}}" class="exhibition">
                <image class="exhibition-img" src="{{item.channelcoverimageurl}}" mode="aspectFill"></image>
                <view class="exhibition-bottom">
                    <view class="exhibition-bottom-title u-line-1">{{item.fbrand}}</view>
                    <view class="exhibition-bottom-data">
                        <image src="/static/icon-11.png"></image>
                        <view class="exhibition-bottom-data-text u-line-1">{{item.fcustcount}}</view>
                    </view>
                </view>
            </view>
        </swiper-item>
    </swiper>
</My_DisplayBox>

<My_DisplayBox title="热门展商" isMore="{{false}}">
    <!-- 分类和搜索 -->
    <view class="classify-and-search">
        <view class="classify" data-index="2" catchtap="showPullDown">
            {{agentSelectClassify}}
            <van-icon style="margin-left: 8rpx; pointer-events: none;" name="arrow-down" />
        </view>
        <van-transition show="{{showDownIndex==2}}" class="pattern-item-box" style="z-index: 999;" name="fade">
            <view class="pattern-item" bindtap="modeSelect">
                <text class="square"></text>
                <view wx:for="{{agentClassifyList}}" class="{{agentSelectClassify==item?'SelectClassify':''}}" data-index="{{index}}" data-name="{{item}}">{{item}}</view>
            </view>
        </van-transition>
    </view>
    <!-- 标题前图片 -->
    <image slot="display-box-img" class="display-title_image" src="/static/icon-04.png" mode="aspectFit"></image>
    <!-- 展示 -->
    <swiper class="exhibition-swiper" indicator-dots indicator-active-color="#4DC2D4" indicator-color="#D8D8D8">
        <swiper-item wx:for="{{showAgentList}}" class="exhibition-swiper-item">
            <view wx:for="{{item}}" class="exhibition">
                <image class="exhibition-img" src="{{item.attinfos[0].fobsurl}}" mode="aspectFill"></image>
                <view class="showLocation">{{item.flocation}}</view>
                <view class="exhibition-bottom">
                    <view class="exhibition-bottom-title u-line-1">{{item.fbrand}}</view>
                    <view class="exhibition-bottom-data">
                        <view class="exhibition-bottom-data-text u-line-1">{{item.flocationclass}}</view>
                    </view>
                </view>
            </view>
        </swiper-item>
    </swiper>
</My_DisplayBox>

<My_DisplayBox title="热门商品" isMore="{{false}}">
    <!-- 标题前图片 -->
    <image slot="display-box-img" class="display-title_image" src="/static/icon-04.png" mode="aspectFit"></image>
    <swiper class="show-prod-list" autoplay circular indicator-active-color="#4DC2D4" indicator-color="#D8D8D8" indicator-dots snap-to-edge>
        <swiper-item wx:for="{{prodList}}">
            <My_VerticalBox list='{{item}}' pageType="zhanhui"></My_VerticalBox>
        </swiper-item>
    </swiper>
</My_DisplayBox>

<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>