gov_propagandize/pages/index/index.wxml
2025-01-21 12:33:11 +08:00

166 lines
8.2 KiB
Plaintext

<!--index.wxml-->
<view class="body">
<!-- 视频简介 -->
<view class="func-container">
<video id="descVideo" class="desc-video" object-fit="fill" autoplay="{{false}}" src="{{descVideoUrl}}" poster="{{descVideoCover}}" />
<view class="desc-title mb-10">达拉特旗</view>
<view class="text-expansion mt-20">
<view class="text-expansion__text {{ isExpand ? 'text-expansion__text--expand' : '' }}">
<view class="text-expansion__button" bindtap="expandClick">{{ isExpand ? collapseText : expandText }}</view>
<rich-text class="desc-font-24" nodes="{{descContent}}"></rich-text>
</view>
</view>
<view class="desc-tag-box">
<view class="desc-tag">
<image src="../../imgs/ic_desc_icon_1.png" />
<text>总面积8188平方千米</text>
</view>
<view class="desc-tag">
<image src="../../imgs/ic_desc_icon_2.png" />
<text>17个乡镇街道、苏木</text>
</view>
<view class="desc-tag">
<image src="../../imgs/ic_desc_icon_3.png" />
<text>常住33.40万人</text>
</view>
</view>
</view>
<!-- 数据统计 -->
<view class="statistics-box mt-20">
<view class="statistics-title-box">
<view class="func-title-box">
<image class="icon" src="../../imgs/ic_statistics_icon.png" />
<text class="name">数据统计</text>
</view>
<view class="statistics-term" bind:tap="showYears">
<text>{{year}}</text>
<image class="statistics-term-arrow" src="../../imgs/ic_arrow_down_black.png"></image>
</view>
</view>
<view class="statistics-content-box">
<block wx:for="{{statisticsList}}" wx:key="index">
<view class="statistics-content-item">
<text class="statistics-content-item-title">{{item.name}}</text>
<view class="statistics-content-item-content">
<view class="progress" style="background-color:{{item.color}};width: {{item.progress}};"></view>
<view class="text" style="color:{{item.fontColor}};">{{item.value}}{{item.unit}}</view>
</view>
</view>
</block>
</view>
</view>
<!-- 投资环境 -->
<view class="func-container mt-20">
<view class="func-title-box">
<image src="../../imgs/ic_invest_icon.png" class="icon" />
<text class="name">投资环境</text>
</view>
<scroll-view scroll-x="{{true}}" class="mt-20">
<view class="invest-tabs">
<block wx:for="{{investAreaList}}" wx:key="index">
<view class="{{investAreaId==item.newsDirectoriesId? 'tab-select' :'tab-normal'}} item-margin" bind:tap="changeTab" data-id="{{item.newsDirectoriesId}}">
<text>{{item.directoriesName}}</text>
<image src="../../imgs/ic_arrow_down_circle.png" />
</view>
</block>
</view>
</scroll-view>
<container-loading loadingState="{{investLoading}}">
<view class="invest-box">
<view class="invest-content">
<view class="line-noappoint mt-20 desc-font-24" style="{{isAreaExpand?'-webkit-line-clamp: 0;':'-webkit-line-clamp: 4;'}}">
<rich-text nodes="{{investAreaBean.newsContentContent}}"></rich-text>
</view>
</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>
</container-loading>
</view>
<!-- 投资优势 -->
<view class="func-container mt-20">
<view class="func-title-box mb-20">
<image src="/imgs/ic_superiority_title.png" class="icon" />
<text class="name">投资优势</text>
</view>
<scroll-view id="plates" scroll-x="{{true}}" bindscroll="scrollPlates">
<view class="superiority-content">
<block wx:for="{{superiorityList}}" wx:key="index">
<view class="superiority-item" bind:tap="goSuperiorityDetail" data-id="{{item.newsDirectoriesId}}">
<image class="superiory-icon" src="{{imgBasePath}}{{item.directoriesPhoto}}"></image>
<text class="superiory-txt">{{item.directoriesName}}</text>
</view>
</block>
</view>
</scroll-view>
<view class="slider-bar-box mt-20" wx:if="{{isShowDot}}">
<view class="slider-bar" style="width: {{sliderWidth}}px;"></view>
</view>
</view>
<!-- 投资机会 -->
<view class="func-container mt-20">
<view class="chance-title-box">
<view class="func-title-box">
<image class="icon" src="/imgs/ic_chance_title_icon.png" />
<text class="name">投资机会</text>
</view>
<!-- <view class="more" bind:tap="showInvest">
<view>查看全部</view>
<image class="icon" src="/imgs/ic_arrow_right_black.png"></image>
</view> -->
</view>
<container-loading loadingState="{{showInvestLoading}}">
<view style="width: 100%;">
<block wx:for="{{investList}}" wx:key="index">
<view class="chance-item-box" data-id="{{item.id}}" bind:tap="goInvestDetail">
<view class="chance-item-title">
<view class="title">{{item.title}}</view>
<view class="more">查看详情 ></view>
</view>
<view class="chance-item-content line-3">
<rich-text nodes="{{item.content}}"></rich-text>
</view>
<view class="chance-item-attrs">
<view class="chance-attr">
<text class="title">预计总投资</text>
<text class="content">{{item.money}}{{item.moneyUnit}}</text>
</view>
<view class="divide-line"></view>
<view class="chance-attr">
<text class="title">所属产业</text>
<text class="content">{{item.type}}</text>
</view>
<view class="divide-line"></view>
<view class="chance-attr">
<text class="title">占地面积</text>
<text class="content">{{item.area}}{{item.areaUnit}}</text>
</view>
<view class="divide-line"></view>
<view class="chance-attr">
<text class="title">用地类型</text>
<text class="content">{{item.landType}}</text>
</view>
</view>
</view>
</block>
</view>
</container-loading>
</view>
</view>
<bottom-sheet show="{{showActionsheet}}" bind:close="closeSheet">
<view class="sheet-title-box">
<view class="cancel" bind:tap="closeSheet">取消</view>
<view class="title">选择日期</view>
<view class="confirm" bind:tap="confirmSheet">确定</view>
</view>
<picker-view class="picker" value="{{yearValue}}" bindchange="bindChange">
<picker-view-column>
<view wx:for="{{years}}" wx:key="index" class="picker-item" data-i="{{item}}">{{item}}年</view>
</picker-view-column>
</picker-view>
</bottom-sheet>
<page-loading wx:if="{{showPageLoading}}"></page-loading>