166 lines
8.2 KiB
Plaintext
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> |