bwj_wechat/pages/portal/index.wxml

<!-- 轮播图 -->
<My_BannerSwiper swiperBannerList="{{swiperBannerList}}"></My_BannerSwiper>
<!-- 最新通告 -->
<view class="annunciate">
    <!-- 标题 -->
    <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 src="{{item.attinfos[0].fobsurl}}"></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>
<!-- 广告位1 -->
<My_BannerSwiper type="advertising" marTop='40' swiperBannerList="{{portal_middle_1}}" />
<!-- 品牌关注榜 -->
<view class="concerns-box">
    <view class="concerns-con">
        <view class="concerns-title">品牌关注榜</view>
        <!-- 分类 -->
        <view class="option-box" bindtap="selectOption">
            <view class="brand-type type-top {{brandSelect=='0'?'typeavtion':''}}">沙发布</view>
            <view class="brand-type type-bot {{brandSelect=='1'?'typeavtion':''}}">窗帘布</view>
            <view class="option op-top {{brandSelect=='0'?'opavtion':''}}" data-index="0"></view>
            <view class="option op-bot {{brandSelect=='1'?'opavtion':''}}" data-index="1"></view>
        </view>
        <!-- 轮播图 -->
        <swiper class="option-swiper" current='{{brandSelect}}' circular vertical bindchange='selectOption'>
            <swiper-item>
                <view class="brand-item u-line-1" wx:key="index" wx:for="{{brandList0}}">
                    <text>{{item.queryrow<10?'0'+item.queryrow:item.queryrow}} </text>{{item.fname}}
                </view>
            </swiper-item>
            <swiper-item>
                <view class="brand-item u-line-1" wx:key="index" wx:for="{{brandList1}}">
                    <text>{{item.queryrow<10?'0'+item.queryrow:item.queryrow}} </text>{{item.fname}}
                </view>
            </swiper-item>
        </swiper>
    </view>
    <image class="concerns-bg" src="/static/portal/bg.png"></image>
</view>
<!-- 新品推荐 -->
<view class="new-product">
    <view>
        <view class="new-product-title">
            <view></view> 窗帘布新品 <view></view>
        </view>
        <swiper class="new-product-swiper" autoplay 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 src="{{item.attinfos[0].fobsurl}}" mode="aspectFill"></image>
            </swiper-item>
        </swiper>
        <view class="new-product-name u-line-1">{{newProduct1[newProductIndex1].fname}}[{{newProduct1[newProductIndex1].ftype}}]</view>
    </view>
    <view>
        <view class="new-product-title">
            <view></view> 沙发布新品 <view></view>
        </view>
        <swiper class="new-product-swiper" autoplay 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 src="{{item.attinfos[0].fobsurl}}" mode="aspectFill"></image>
            </swiper-item>
        </swiper>
        <view class="new-product-name u-line-1">{{newProduct2[newProductIndex2].fname}}[{{newProduct2[newProductIndex2].ftype}}]</view>
    </view>
</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 title="全部供需" />
    <van-tab wx:key="index" wx:for="{{sadClassify}}" title="{{item.ftype}}" />
</van-tabs>
<!-- 列表展示区 -->
<view class="ann-box" style="margin-left: 44rpx;" wx:key="index" wx:for="{{sadList}}" data-index="{{index}}" catchtap="toDetails">
    <view class="ann-img" wx:if="{{item.attinfos[0].fobsurl}}">
        <image src="{{item.attinfos[0].fobsurl}}" mode="aspectFill"></image>
    </view>
    <view class="ann-img" wx:else>
        <image wx:if="{{item.ftype=='摄影摄像'}}" src="https://bwj.obs.cn-east-2.myhuaweicloud.com/resources/WeChat/supplyAndDemand/icon-01.png" mode="aspectFit"></image>
        <image wx:elif="{{item.ftype=='产品策划'}}" src="https://bwj.obs.cn-east-2.myhuaweicloud.com/resources/WeChat/supplyAndDemand/icon-02.png" mode="aspectFit"></image>
        <image wx:elif="{{item.ftype=='平面设计'}}" src="https://bwj.obs.cn-east-2.myhuaweicloud.com/resources/WeChat/supplyAndDemand/icon-03.png" mode="aspectFit"></image>
        <image wx:elif="{{item.ftype=='寻找面料'}}" src="https://bwj.obs.cn-east-2.myhuaweicloud.com/resources/WeChat/supplyAndDemand/icon-04.png" mode="aspectFit"></image>
        <image wx:elif="{{item.ftype=='商业培训'}}" src="https://bwj.obs.cn-east-2.myhuaweicloud.com/resources/WeChat/supplyAndDemand/icon-05.png" mode="aspectFit"></image>
        <image wx:elif="{{item.ftype=='寻找主播'}}" src="https://bwj.obs.cn-east-2.myhuaweicloud.com/resources/WeChat/supplyAndDemand/icon-06.png" mode="aspectFit"></image>
        <image wx:elif="{{item.ftype=='面料设计'}}" src="https://bwj.obs.cn-east-2.myhuaweicloud.com/resources/WeChat/supplyAndDemand/icon-07.png" mode="aspectFit"></image>
        <image wx:else src="https://bwj.obs.cn-east-2.myhuaweicloud.com/resources/WeChat/tacitly-approve/MRproduct.png" mode="aspectFit"></image>
    </view>
    <view class="ann-text">
        <view class="ann-text-title  u-line-1">[{{item.ftype}}]{{item.ftitle}}</view>
        <view class="ann-text-center u-line-2">{{item.fcontent}}</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.createby}}</view>
            </view>
            <view>{{item.checkdate}}</view>
        </view>
    </view>
</view>
<van-empty wx:if="{{1>sadList.length}}" description="暂无数据" />
<!-- 展厅照片 -->
<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="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>