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">
            <swiper-item></swiper-item>
            <swiper-item></swiper-item>
            <swiper-item></swiper-item>
        </swiper>
        <view class="annunciate_show">
            <view class="annunciate_item" wx:for="{{3}}">
                <view class="annunciate_item_title u-line-1">856566549465165498856566549465165498756756</view>
                <view class="annunciate_item_count">
                    <image src="/static/icon-14.png"></image>
                    浏览 2375
                </view>
            </view>
        </view>
    </view>
</view>
<!-- 广告位 -->
<view class="ad-box" style="margin-top: 40rpx;">
    <swiper class="ad-swiper"></swiper>
</view>
<!-- 品牌关注榜 -->
<view class="concerns-box">
    <view class="concerns-con">
        <view class="concerns-title">品牌关注榜</view>
    </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"></swiper>
        <view class="new-product-name u-line-1">花旗新品[凡尔赛系列]</view>
    </view>
    <view>
        <view class="new-product-title">
            <view></view> 窗帘布新品 <view></view>
        </view>
        <swiper class="new-product-swiper"></swiper>
        <view class="new-product-name u-line-1">花旗新品[凡尔赛系列]</view>
    </view>
</view>
<!-- 广告位 -->
<view class="ad-box" style="margin-top: 40rpx;">
    <swiper class="ad-swiper"></swiper>
</view>
<!-- 供需 -->
<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:for="{{sadClassify}}" title="{{item.ftype}}" />
</van-tabs>
<!-- 列表展示区 -->
<view class="ann-box" style="margin-left: 44rpx;" 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="/static/位图备份 2@2x.png" mode="aspectFill"></image>
</view>
<!-- 招商 -->
<view class="attract-investment">
    <image src="/static/位图@2x.png" mode="aspectFill"></image>
</view>