bwj_wechat/pages/tabbar-pages/home/index.wxml

<!-- 自定义头部 -->
<My_navBar></My_navBar>
<!-- banner -->
<view class="homeBanner">
    <swiper class="swiperBanner" autoplay indicator-dots circular="true" indicator-active-color="#fff">
        <swiper-item wx:for="{{swiperBannerList}}" wx:key="index">
            <image src="{{item.url}}" mode="aspectFill"></image>
        </swiper-item>
    </swiper>
</view>
<!-- 宫格区域 -->
<view class="grid_box">
    <van-grid border="{{false}}" column-num="4" bindtap="gridJumpPage">
        <van-grid-item wx:for="{{gridList}}" data-name="{{item.text}}" icon="{{item.icon}}" text="{{item.text}}" text-class="grid_text-class" />
    </van-grid>
</view>
<!-- 展示区域 -->
<My_DisplayBox wx:if="{{false}}" title="通告" bind:getExhibitionTitle="getExhibitionTitle">
    <!-- 标题前图片 -->
    <image slot="display-box-img" class="display-title_image" src="/static/icon-02.png" mode="aspectFit"></image>
    <!-- 列表展示区 -->
    <view slot="display-box-showList">
        <My_DisplayItem wx:for="{{3}}" padTop="{{index==0?'0':'20'}}" borTop="{{index==0?'0':'2'}}"></My_DisplayItem>
    </view>
</My_DisplayBox>

<My_DisplayBox title="最新供需" bind:getExhibitionTitle="getExhibitionTitle">
    <!-- 标题前图片 -->
    <image slot="display-box-img" class="display-title_image" src="/static/icon-03.png" mode="aspectFit"></image>
    <!-- 圆角按钮tabs -->
    <!-- <My_RoundedCornerButtonTabs list="{{roundedList}}" bind:tabsSelectedIitem="tabsSelectedIitem"></My_RoundedCornerButtonTabs> -->
    <!-- 列表展示区 -->
    <view slot="display-box-showList">
        <My_DisplayItem wx:for="{{productList}}" content="{{item}}" padTop="{{index==0?'0':'20'}}" borTop="{{index==0?'0':'2'}}">
            <view class="display-box-showList-button-box" slot="button">
                <van-button custom-class="display-box-showList-button" catchtap="contact" color="linear-gradient(180deg, #84E3EC 0%, #4DC2D4 100%)"></van-button>
                <view class="display-box-showList-button-text">
                    一键联系
                </view>
            </view>
        </My_DisplayItem>
    </view>
</My_DisplayBox>

<My_DisplayBox title="合作商家" bind:getExhibitionTitle="getExhibitionTitle">
    <!-- 标题前图片 -->
    <image slot="display-box-img" class="display-title_image" src="/static/icon-04.png" mode="aspectFit"></image>
    <!-- 轮播 -->
    <swiper class="businessPartnerBanner" indicator-dots autoplay interval="3000" circular>
        <swiper-item>
            <My_VerticalBox></My_VerticalBox>
        </swiper-item>
        <swiper-item>
            <My_VerticalBox></My_VerticalBox>
        </swiper-item>
        <swiper-item>
            <My_VerticalBox></My_VerticalBox>
        </swiper-item>
    </swiper>
</My_DisplayBox>
<view style="height: 50px;"></view>