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

<!-- 自定义头部 -->
<My_navBar></My_navBar>
<!-- banner -->
<view class="supplyAndDemandBanner">
    <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>
<!-- tabs切换栏 -->
<view class="tabs_box">
    <van-tabs active="{{ active }}" bind:change="tabsChange" custom-class="tabs-custom-class" tab-active-class="tabs-active-class" ellipsis="{{false}}" line-width="30px" color="#4DC2D4" title-active-color="#4DC2D4" swipeable>
        <view style="height: 10rpx;"></view>
        <van-tab title="所有信息">
            <!-- 宫格 -->
            <view class="grid_box">
                <van-grid border="{{false}}" 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_SupplyAndDemandItemBox wx:for="{{productList}}" title="【{{item.ftitle}}】{{item.fcontent}}" time="{{item.checkdate}}">
                <!-- 内容信息插槽 -->
                <view slot="dataAndBut">
                    <view class="dataAndBut">
                        <view class="dataAndBut_data">
                            浏览次数:245次 意向沟通人数:134次
                        </view>
                        <view class="dataAndBut_but">
                            <van-button color="#4DC2D4" style="margin-left: 16rpx;" custom-class="custom-slotBut">一键联系</van-button>
                        </view>
                    </view>
                </view>
            </My_SupplyAndDemandItemBox>
        </van-tab>
        <van-tab title="正在对接">
            <view class="abutting-joint-box">
                <view class="abutting-joint-titleAndMsg">
                    <view class="abutting-joint-title">各位老板看下有以下面料的联系我,高价收！</view>
                    <view class="abutting-joint-msg"><text style="color: #FF0000; opacity: .5;">[23条]</text>李老板:多少钱收？多少钱收？</view>
                </view>
                <view class="abutting-joint-timeAndBut">
                    <view class="abutting-joint-time">2021-11-10 14:23:43</view>
                    <van-button custom-class="abutting-joint-but"><text class="abutting-joint-but-text">继续沟通</text></van-button>
                </view>
            </view>
        </van-tab>
        <van-tab title="我的需求">
            <!-- 搜索 -->
            <view class="my-need-search">
                <input class="my-need-search-input {{searchFocus?'my-need-search-inputfocus':''}}" confirm-type="search" placeholder="搜索关键字" type="text" bindfocus="needSearchFocus" bindblur="needSearchBlur" />
                <view class="my-need-search-but">
                    <van-icon name="search" />
                </view>
            </view>
            <!-- 列表 -->
            <My_SupplyAndDemandItemBox wx:for="{{productList}}" title="【{{item.ftitle}}】{{item.fcontent}}" time="{{item.checkdate}}">
                <!-- 下架按钮插槽 -->
                <view slot="soldOutBut">
                    <van-button data-index="{{index}}" plain color="#4DC2D4" custom-class="soldOutBut" bindtap="soldOut">下架</van-button>
                </view>
                <!-- 内容信息插槽 -->
                <view slot="dataAndBut">
                    <view class="dataAndBut">
                        <view class="dataAndBut_data">
                            浏览次数:245次<text>意向沟通人数</text>:134次
                        </view>
                        <view class="dataAndBut_but">
                            <van-button color="#4DC2D4" data-index="{{index}}" custom-class="custom-slotBut" bindtap="productEdit">编辑</van-button>
                            <van-button color="#4DC2D4" style="margin-left: 16rpx;" custom-class="custom-slotBut">{{item.fstatus}}</van-button>
                        </view>
                    </view>
                </view>
            </My_SupplyAndDemandItemBox>
        </van-tab>
    </van-tabs>
</view>
<!-- 右侧吸附按钮 -->
<My_adsorbRight></My_adsorbRight>
<!-- 触底展示 -->
<My_pageReachBottom loadMore="{{pageTotal<pageNumber}}"></My_pageReachBottom>
<!-- 安全距离 -->
<view style="height: 34px;"></view>