bwj_wechat/pages/portal/index.wxml

<!-- 搜索 -->
<view class="search" bindtap="toSearch">
    <image src="/static/icon-09.png" />搜索关键字
</view>
<!-- 轮播图 -->
<My_BannerSwiper swiperBannerList="{{swiperBannerList}}"></My_BannerSwiper>
<!-- 最新通告 -->
<view class="annunciate" wx:if="{{annunciateList.length!=0}}">
    <!-- 标题 -->
    <view class="annunciate_title">
        <view class="annunciate_decorate"></view>
        <view class="annunciate_text">最新通告</view>
    </view>
    <!-- 内容 -->
    <view class="annunciate_content">
        <swiper class="annunciate_content_swiper" autoplay circular indicator-dots indicator-color='rgba(216,216,216,.58)' indicator-active-color='#57C7D3'>
            <swiper-item wx:key="index" wx:for="{{annunciateList}}">
                <image wx:if="{{item.attinfos[0]}}" src="{{item.attinfos[0].fobsurl}}"></image>
                <image src="/static/annunciate/cover.png"></image>
            </swiper-item>
        </swiper>
        <view class="annunciate_show">
            <view class="annunciate_item" wx:key="index" wx:for="{{annunciateList}}" data-index="{{index}}" bindtap="toAnnunciateDetails">
                <view class="annunciate_item_title u-line-1">{{item.ftitle}}</view>
                <view class="annunciate_item_count">
                    <image src="/static/icon-14.png"></image>
                    浏览 {{item.freadcount}}
                </view>
            </view>
        </view>
    </view>
</view>
<view wx:if="{{portal_middle_1!=''}}" style="margin:20px auto 0; height: 90px; width: 351px; overflow: hidden; border-radius: 10rpx; box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.05);">
    <image src="{{portal_middle_1[0].attinfos[0].fobsurl}}" bindtap="toApply" mode="aspectFill" style="height: 100%; width: 100%;"></image>
</view>
<!-- 广告位1 -->
<!-- <My_BannerSwiper type="advertising" marTop='40' swiperBannerList="{{portal_middle_1}}" /> -->
<!-- 品牌关注榜 -->
<view class="annunciate" style="padding-top: 40rpx;">
    <!-- 标题 -->
    <view class="annunciate_title">
        <view class="annunciate_decorate"></view>
        <view class="annunciate_text">品牌关注榜</view>
    </view>
    <view class="concerns-box">
        <view class="concerns-head" bindtap="concernsChange">
            <view class="label {{brandSelect==0?'active':''}}" data-index="0">窗帘布</view>
            <view class="label {{brandSelect==1?'active':''}}" data-index="1">沙发布</view>
        </view>
        <view class="concerns-content" hidden="{{brandSelect!=0}}">
            <view class="concerns-content-item u-line-1" wx:for="{{brandList0}}" wx:if="{{index<10}}">
                <view class="img">
                    <image src="/static/portal/icon-{{index}}.png" mode="heightFix"></image>
                </view>{{item.fname}}
            </view>
        </view>
        <view class="concerns-content" hidden="{{brandSelect!=1}}">
            <view class="concerns-content-item u-line-1" wx:for="{{brandList1}}" wx:if="{{index<10}}">
                <view class="img">
                    <image src="/static/portal/icon-{{index}}.png" mode="heightFix"></image>
                </view>{{item.fname}}
            </view>
        </view>
    </view>
</view>
<!-- 直播列表 -->
<view class="annunciate" style="padding-top: 40rpx;">
    <!-- 标题 -->
    <view class="annunciate_title">
        <view class="annunciate_decorate"></view>
        <view class="annunciate_text">正在直播</view>
    </view>
    <portalLice list='{{tiveList}}' />
    <van-empty wx:if="{{tiveList.length==0}}" description="暂无直播" />
</view>

<!-- 广告位1 -->
<!-- <My_BannerSwiper type="advertising" marTop='40' swiperBannerList="{{portal_middle_2}}" /> -->
<!-- 供需 -->
<van-tabs active="{{ tabsActive }}" color='#00C1D2' line-width='15' line-height='3' custom-class='tabs-custom-class' tab-class='tabs-tab-class' tab-active-class='tabs-tab-active-class' bind:change="tabsOnChange">
    <van-tab wx:key="index" wx:for="{{sadClassify}}" title="{{item.ftype}}" />
</van-tabs>
<!-- 列表展示区 -->
<block>
    <supplyanddemandList list='{{sadList}}'></supplyanddemandList>
    <van-empty wx:if="{{1>sadList.length}}" description="暂无数据" />
</block>
<!-- 展厅照片 -->
<!-- <view class="exhibition-hall">
    <image src="{{portal_middle_3[0].attinfos[0].fobsurl}}" mode="aspectFill"></image>
</view> -->
<!-- 招商表单 -->
<view class="annunciate" style="margin-top: 20rpx;">
    <!-- 标题 -->
    <view class="annunciate_title">
        <view class="annunciate_decorate"></view>
        <view class="annunciate_text">我要咨询</view>
    </view>
    <!-- 招商表单 -->
    <view class="recruit-box">
        <!-- 姓名，手机 -->
        <view class="recruit-row">
            <label for="name" class="recruit-row-title">
                您的姓名
            </label>
            <view class="recruit-row-input">
                <input id='name' placeholder="请输入姓名" value="{{recruitName}}" data-name="recruitName" bindinput="recruitInput" placeholder-class="placeholder-class" type="text" />
            </view>
            <label for="phone" class="recruit-row-title" style="margin-left: 22rpx;">
                您的手机
            </label>
            <view class="recruit-row-input">
                <input id='phone' placeholder="请输入手机号" value="{{recruitPhone}}" bindblur="phoneNumber" placeholder-class="placeholder-class" type="number" />
            </view>
        </view>
        <!-- 选择地区 -->
        <view class="recruit-row" style="margin-top: 20rpx;">
            <view class="recruit-row-title">
                您的地址
            </view>
            <picker mode="region" bindchange="bindRegionChange" value="{{region}}">
                <view class="recruit-row-picker">
                    <block wx:if="{{region.length>1}}">
                        <text wx:key="index" wx:for="{{region}}" style="margin-right: 8rpx;">{{item}}</text>
                    </block>
                    <block wx:else>省、市、区</block>
                    <van-icon name="arrow-down" />
                </view>
            </picker>
        </view>
        <!-- 备注 -->
        <view class="recruit-row" style="margin-top: 20rpx;">
            <view class="recruit-row-title">
                备注
            </view>
            <view class="textarea">
                <textarea maxlength='-1' value="{{recruitExplain}}" data-name="recruitExplain" bindinput="recruitInput" placeholder-style="color: rgba(0, 0, 0, 0.25);" placeholder='请输入备注'></textarea>
            </view>
        </view>
        <!-- 提交 -->
        <view class="recruit-row" style="margin-top: 110rpx;">
            <view class="recruit-row-title"></view>
            <van-button custom-class='submit-custom-class' bindtap="submitForm">马上提交</van-button>
        </view>
    </view>
</view>
<!-- 新品推荐 -->
<view class="new-product">
    <view>
        <view class="new-product-title">
            <view></view> 窗帘布新品 <view></view>
        </view>
        <swiper class="new-product-swiper" circular current='{{newProductIndex1}}' indicator-dots indicator-color='rgba(216,216,216,.58)' indicator-active-color='#57C7D3' bindchange='newProduct1'>
            <swiper-item wx:key="index" wx:for="{{newProduct1}}">
                <image wx:if="{{item.attinfos[0]}}" src="{{item.attinfos[0].fobsurl}}" mode="aspectFill"></image>
                <image wx:else src="/static/annunciate/cover.png" mode="aspectFill"></image>
            </swiper-item>
        </swiper>
        <view class="new-product-name u-line-1"><text wx:if="{{newProduct1[newProductIndex1].fprodname}}">{{newProduct1[newProductIndex1].fprodname}}</text><text wx:if="{{newProduct1[newProductIndex1].fbrand}}">[{{newProduct1[newProductIndex1].fbrand}}]</text></view>
    </view>
    <view>
        <view class="new-product-title">
            <view></view> 沙发布新品 <view></view>
        </view>
        <swiper class="new-product-swiper" circular current='{{newProductIndex2}}' indicator-dots indicator-color='rgba(216,216,216,.58)' indicator-active-color='#57C7D3' bindchange='newProduct2'>
            <swiper-item wx:key="index" wx:for="{{newProduct2}}">
                <image wx:if="{{item.attinfos[0]}}" src="{{item.attinfos[0].fobsurl}}" mode="aspectFill"></image>
                <image wx:else src="/static/annunciate/cover.png" mode="aspectFill"></image>
            </swiper-item>
        </swiper>
        <view class="new-product-name u-line-1"><text wx:if="{{newProduct2[newProductIndex2].fprodname!=null}}">{{newProduct2[newProductIndex2].fprodname}}</text><text wx:if="{{newProduct2[newProductIndex2].fbrand!=null}}">[{{newProduct2[newProductIndex2].fbrand}}]</text></view>
    </view>
</view>
<!-- 招商图片 -->
<!-- <view class="attract-investment">
    <image src="{{portal_middle_4[0].attinfos[0].fobsurl}}" mode="aspectFill"></image>
</view> -->
<view style="height: 50px;"></view>
<!-- 吸底 -->
<view class="footer">
    <van-button custom-class='footer-button' bindtap="toLogin">欢迎登录布万家</van-button>
</view>