gov_propagandize/pages/domain/domain.wxml

<!--pages/domain/domain.wxml-->
<view class="body">
    <!-- 产业基础 -->
    <view class="func-container">
        <image class="desc-video" src="{{imgBasePath}}{{domainInfo.newsContentCoverList[0].contentCoverId}}"></image>
        <view class="desc-title">{{domainInfo.newsContentTitle}}</view>
        <view class="line-noappoint mt-20 desc-font-24" style="{{isAreaExpand?'-webkit-line-clamp: 0;':'-webkit-line-clamp: 4;'}}">
            <rich-text nodes="{{domainInfo.newsContentContent}}"></rich-text>
        </view>
        <view class="right-more-bg" bind:tap="areaShowAll">
            <view class="txt">{{isAreaExpand?'收取':'查看全部'}}</view>
            <image class="icon" src="/imgs/ic_arrow_right_black.png" mode="aspectFill" style="transform: rotate({{isAreaExpand?-90:0}}deg);"></image>
        </view>
    </view>
    <!-- 特色产业 -->
    <view class="func-container mt-20">
        <view class="item-title-box">
            <view class="func-title-box">
                <image class="icon" src="/imgs/ic_statistics_icon.png" />
                <text class="name">特色产业</text>
            </view>
        </view>
        <container-loading loadingState="{{domainCategoryLoading}}">
            <view class="unique-items mb-20">
                <block wx:for="{{domainCategoryList}}" wx:key="index">
                    <view class="unique-item" bind:tap="goUniqueDetail" data-id="{{item.newsDirectoriesId}}">
                        <image src="{{imgBasePath}}{{item.directoriesPhoto}}" />
                        <text>{{item.directoriesName}}</text>
                    </view>
                </block>
            </view>
        </container-loading>
    </view>
    <!-- 产业图谱 -->

    <view class="func-container mt-20">
        <view class="item-title-box">
            <view class="func-title-box">
                <image class="icon" src="/imgs/ic_chance_title_icon.png" />
                <text class="name">产业图谱</text>
            </view>
        </view>
        <view style="width: 100%;">
            <container-loading loadingState="{{platesLoading}}">
                <scroll-view id="plates" scroll-x="true" bindscroll="scrollPlates">
                    <view class="plates-content">
                        <block wx:for="{{platesList}}" wx:key="index">
                            <view class="plates-item" bind:tap="goPlates" data-id="{{item.newsContentId}}">
                                <image class="icon" src="{{imgBasePath}}{{item.newsContentCoverList[0].contentCoverId}}"></image>
                                <text class="txt line-1">{{item.newsContentTitle}}</text>
                            </view>
                        </block>
                    </view>
                </scroll-view>
                <view class="slider-bar-box mt-20">
                    <view class="slider-bar" style="width: {{sliderWidth}}px;"></view>
                </view>
            </container-loading>
        </view>

    </view>
    <!-- 重点企业 -->
    <view class="func-container mt-20">
        <view class="item-title-box">
            <view class="func-title-box">
                <image class="icon" src="/imgs/ic_invest_icon.png" />
                <text class="name">重点企业</text>
            </view>
        </view>
        <container-loading loadingState="{{keyEnterpriseLoading}}">
            <view style="width: 100%;">
                <block wx:for="{{keyEnterpriseList}}" wx:key="index">
                    <view class="enterprise-item" bind:tap="showCompany" data-id="{{item.id}}">
                        <image class="icon" src="{{imgBasePath}}{{item.photo}}" />
                        <view class="enterprise-content">
                            <text class="enterprise-name">{{item.name}}</text>
                            <text class="enterprise-code">社会信用代码:{{item.number}}</text>
                        </view>
                    </view>
                    <view class="divider-w"></view>
                </block>
            </view>
        </container-loading>
    </view>
    <!-- 开发园区 -->
    <view class="func-container mt-20">
        <view class="item-title-box">
            <view class="func-title-box">
                <image class="icon" src="/imgs/ic_invest_icon.png" />
                <text class="name">开发园区</text>
            </view>
        </view>
        <container-loading loadingState="{{industryLoading}}">
            <view class="area-box mt-20">
                <block wx:for="{{industryAreaList}}" wx:key="index">
                    <view class="area-item" bind:tap="showGarden" data-id="{{item.newsContentId}}">
                        <image src="{{imgBasePath}}{{item.newsContentCoverList[0].contentCoverId}}" mode="aspectFill"></image>
                        <text>{{item.newsContentTitle}}</text>
                    </view>
                </block>
            </view>
        </container-loading>
    </view>
</view>
<page-loading wx:if="{{showPageLoading}}"></page-loading>