channel_business/pages/index/index.wxml

<!-- index.wxml -->
<view class="home-page">
    <!-- 搜索块 -->
    <view class="search-view">
        <view class="serach-input-view">
            <image class="hhr-img fl" src="/images/home/hhr-icon.png" />
            <view class="input-box fl">
                <input class="weui-serach-input" value="{{ keyword }}" bindinput="bindKeyInput" confirm-type="search" placeholder="请输入关键字搜索" placeholder-class="phcolor"></input>
            </view>
            <view class="search-img-view" bindtap="toSearch">
                <image class="search-img" src="/images/home/search-icon.png" />
            </view>
        </view>
        <view class="title">
            全方位需求
            <text class="sub-title">交流平台</text>
        </view>
        <button type="default" plain open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber" class="set-attention" id="shouquan">
            设置关注类型喜好 >>
        </button>
        <image class="header-img" src="/images/home/header-icon.png" />
    </view>
    <!-- tab块 -->
    <view class="tab-view">
        <view wx:for="{{tabData}}" class="tab-li" wx:key="*this">
            <view class="tab-span {{currentTab == item.value ? 'isActive' : ''}}" bindtap="tabChange" data-value="{{ item.value }}">
                {{item.text}}
            </view>
        </view>
        <view class="tab-li last">
            <view class="tab-span {{currentTab == 'more' ? 'isActive' : ''}}" bindtap="toggleMore">
                {{ moreTitle }}
            </view>
        </view>
        <view class="tab-li right">
            <van-dropdown-menu class="tab-menu" active-color="#5e73e5">
                <van-dropdown-item id="item" bindchange="moreTabChange" title-class="{{ currentTab == 'more' ? 'isActive' : '' }}" value="{{ moreTab }}" options="{{ moreTabOption }}" />
            </van-dropdown-menu>
        </view>
    </view>
    <!-- list块 -->
    <view class="list-loading text-center" wx:if="{{ listLoading }}">
        <van-loading size="24px">加载中...</van-loading>
    </view>
    <view wx:else>
        <view class="not-data" wx:if="{{ listData.length < 1 }}">
            <image class="not-data-img" src="/images/home/not-data.png" />
            <view class="not-info" wx:if="{{ currentTab == 'all' }}">
                抱歉，暂无任何需求
            </view>
            <view class="not-info" wx:else>
                抱歉，暂无任何需求
            </view>
        </view>
        <view wx:else>
            <view class="list-view" wx:for="{{ listData }}" wx:key="*this">
                <!-- 平台认证 -->
                <view class="list-certification" wx:if="{{ item.isPartner }}">
                    <image class="certification-img" src="/images/home/certification-icon.png" />
                    平台认证
                </view>
                <!-- 头部 -->
                <view class="list-avatar">
                    <view class="list-chatHeads fl">
                        <image class="chatHeads-img" src="{{ item.chatHeads }}" />
                    </view>
                    <view class="list-nick-name fl">{{ item.nickName }}</view>
                    <view class="list-home fl">
                        <image class="home-img" src="{{ item.isPartner ? '/images/home/company-icon.png' : '/images/home/personal-icon.png' }}" />
                        主页
                    </view>
                </view>
                <!-- 内容 -->
                <view class="list-content">
                    <!-- 详情 -->
                    <view>
                        <text space class="list-details-text">{{ item.info }}</text>
                    </view>
                    <!-- 标签 -->
                    <view class="list-tag-view">
                        <view class="list-tag" wx:for="{{ item.type }}" wx:for-item="tag" wx:key="*this">
                            {{ tag }}
                        </view>
                    </view>
                    <!-- 底部 -->
                    <view class="list-foot">
                        <view class="fl list-foot-text-lf">
                            <image class="time-img" src="/images/home/time-icon.png" />
                            2021-07-23
                        </view>
                        <view class="fl list-foot-text-lf">
                            <image class="browse-img" src="/images/home/browse-icon.png" />
                            897浏览量
                        </view>
                        <view class="fr list-foot-text-chat">
                            <image class="chat-img" src="/images/home/chat-icon.png" />
                            聊一聊
                        </view>
                    </view>
                </view>
            </view>
            <view class="text-center" wx:if="{{ itemLoading }}">
                <van-loading size="24px">加载中...</van-loading>
            </view>
            <view class="list-finished text-center" wx:if="{{ isFinished }}">
                <image class="finished-img" src="/images/home/finished-icon.png" />
                没有更多啦~
            </view>
        </view>
    </view>
    <tabBar currentIndex="{{currentIndex}}"></tabBar>
</view>