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

<!-- 自定义头部 -->
<My_navBar></My_navBar>
<!-- 轮播图 -->
<My_BannerSwiper swiperBannerList="{{swiperBannerList}}"></My_BannerSwiper>
<!-- 宫格区域 -->
<view class="grid_box">
    <van-grid border="{{false}}" column-num="4" icon-size='58' 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-02.png" mode="aspectFit"></image>
    <!-- 列表展示区 -->
    <view class="ann-box" wx:for="{{annunciateList}}" style="margin-top: {{index==0?0:28}}rpx;" data-index="{{index}}" catchtap="toDetails">
        <view class="ann-img">
            <image wx:if="{{item.attinfos[0].fobsurl}}" src="{{item.attinfos[0].fobsurl}}" mode="aspectFill"></image>
            <image src="/static/annunciate/cover.png" mode="aspectFill"></image>
        </view>
        <view class="ann-text">
            <view class="ann-text-title  u-line-1">{{item.ftitle}}</view>
            <view class="ann-text-center u-line-2">{{item.fsummary}}</view>
            <view class="ann-text-bottom u-line-1" style="margin-top: 22rpx;">
                <view class="userMsg">
                    <view class="img">
                        <image wx:if="{{item.headportraiturl}}" src="{{item.headportraiturl}}"></image>
                        <image wx:else src="https://bwj.obs.cn-east-2.myhuaweicloud.com/resources/WeChat/userCenter/userImg.png"></image>
                    </view>
                    <view class="u-line-1" style="max-width: 160rpx; padding-top: 3rpx;">{{item.fbrand!=null?item.fbrand:'匿名用户'}}</view>
                    <view style="margin-left: 8rpx; padding-top: 3rpx;">{{item.checkdate}}</view>
                </view>
                <view>{{item.freadcount}}次浏览</view>
            </view>
        </view>
    </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'}}" anonymity="true">
            <!-- <view class="display-box-showList-button-box" slot="button">
                <van-button custom-class="display-box-showList-button" data-item="{{item}}" catchtap="toLinkUp" 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 wx:if="{{partnerList.length>=1}}" 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 wx:for="{{partnerList}}" wx:key="index">
            <My_VerticalBox list="{{item}}"></My_VerticalBox>
        </swiper-item>
    </swiper>
</My_DisplayBox>
<!-- <view style="height: 50px;"></view> -->

<!-- 调用tabbar中的信息查询 -->
<block>
    <CusTabBar id="gxshuju"></CusTabBar>
</block>

<My_showModel isShow='{{MyModelShow}}' bindcallBack='MyShowModelCallBack' content='{{MyModelText}}' cancel='取消' confirm='确定' ifTabBar></My_showModel>