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">1326</view>
    </view>
    <view>
        <view class="data-display-title">正在直播</view>
        <view class="data-display-num">1326</view>
    </view>
    <view>
        <view class="data-display-title">观众人数</view>
        <view class="data-display-num">1326854</view>
    </view>
</view>

<My_DisplayBox title="云展会直播大厅" isMore="{{false}}">
    <!-- 分类和搜索 -->
    <view class="classify-and-search">
        <view class="classify">
            全部
            <van-icon style="margin-left: 8rpx;" name="arrow-down" />
        </view>
        <view class="liveSearch">
            <input class="liveSearch-input" type="text" confirm-type='search' placeholder="搜索直播间" bindblur="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="{{liveList}}" 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">{{item.fbrand}}</view>
                    <view class="exhibition-bottom-data">{{item.fcustcount}}</view>
                </view>
            </view>
        </swiper-item>
    </swiper>
</My_DisplayBox>

<My_DisplayBox title="热门展商" isMore="{{false}}">
    <!-- 分类和搜索 -->
    <view class="classify-and-search">
        <view class="classify">
            全部
            <van-icon style="margin-left: 8rpx;" name="arrow-down" />
        </view>
    </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="{{agentList}}" class="exhibition-swiper-item">
            <view wx:for="{{item}}" class="exhibition">
                <image class="exhibition-img" src="{{item.attinfos[0].fobsurl}}" mode="aspectFill"></image>
                <view class="exhibition-bottom">
                    <view class="exhibition-bottom-title">{{item.fbrand}}</view>
                    <view class="exhibition-bottom-data">{{item.flocationclass}}</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 indicator-active-color="#4DC2D4" indicator-color="#D8D8D8">
        <My_VerticalBox></My_VerticalBox>
        <view style="height: 10rpx;"></view>
        <My_VerticalBox></My_VerticalBox>
        <view style="height: 10rpx;"></view>
    </swiper>

</My_DisplayBox>