gov_propagandize/pages/index/index.wxml

<!--index.wxml-->
<view class="body">
    <!-- 视频简介 -->
    <view class="func-container">
        <video class="desc-video" autoplay="{{true}}" object-fit="fill" custom-cache="{{false}}" src="https://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280201010421301f0201690402534804102ca905ce620b1241b726bc41dcff44e00204012882540400&bizid=1023&hy=SH&fileparam=302c020101042530230204136ffd93020457e3c4ff02024ef202031e8d7f02030f42400204045a320a0201000400" />
        <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>
                在阳光洒落的清晨推开窗户微风轻拂脸颊带来丝丝凉意远处的山峦在晨雾中若隐若现仿佛一幅水墨画卷鸟儿在枝头欢唱似在诉说着生活的美好人们陆续走出家门开始新一天的忙碌街头巷尾弥漫着烟火气息生活的故事在这平凡又充满希望的日子里不断上演在阳光洒落的清晨推开窗户微风轻拂脸颊带来丝丝凉意远处的山峦在晨雾中若隐若现仿佛一幅水墨画卷鸟儿在枝头欢唱似在诉说着生活的美好人们陆续走出家门开始新一天的忙碌街头巷尾弥漫着烟火气息生活的故事在这平凡又充满希望的日子里不断上演在阳光洒落的清晨推开窗户微风轻拂脸颊带来丝丝凉意远处的山峦在晨雾中若隐若现仿佛一幅水墨画卷鸟儿在枝头欢唱似在诉说着生活的美好人们陆续走出家门开始新一天的忙碌街头巷尾弥漫着烟火气息生活的故事在这平凡又充满希望的日子里不断上演
            </view>
        </view>
        <view class="desc-tag-box">
            <view class="desc-tag">
                <image src="../../imgs/ic_desc_icon_1.png" />
                <text>全旗总面积8200平方公里</text>
            </view>
            <view class="desc-tag">
                <image src="../../imgs/ic_desc_icon_2.png" />
                <text>辖8个苏木镇</text>
            </view>
            <view class="desc-tag">
                <image src="../../imgs/ic_desc_icon_3.png" />
                <text>总人口34万</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">
            <view class="statistics-content-item">
                <text class="statistics-content-item-title">生产总值</text>
                <view class="statistics-content-item-content">
                    <view class="progress" style="background-color: #FF5D5D;width: {{progress1}};"></view>
                    <view class="text">14亿</view>
                </view>
            </view>
            <view class="statistics-content-item">
                <text class="statistics-content-item-title">工业总产值</text>
                <view class="statistics-content-item-content">
                    <view class="progress" style="background-color: #FFBC5D;width: {{progress2}};"></view>
                    <view class="text" style="color: #B77920;">1亿</view>
                </view>
            </view>
            <view class="statistics-content-item">
                <text class="statistics-content-item-title">固定资产投资</text>
                <view class="statistics-content-item-content">
                    <view class="progress" style="background-color: #5DADFF;width: {{progress3}};"></view>
                    <view class="text" style="color: #2C76C2;">1630.99万</view>
                </view>
            </view>
            <view class="statistics-content-item">
                <text class="statistics-content-item-title">招商引资项目</text>
                <view class="statistics-content-item-content">
                    <view class="progress" style="background-color:#5DFFF2;width: {{progress4}};"></view>
                    <view class="text" style="color:#24B9AD;">40个</view>
                </view>
            </view>
        </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>
        <view class="invest-tabs">
            <view class="{{curTab==1? 'tab-select' :'tab-normal'}}" bind:tap="changeTab" data-index="1">
                <text>地区概况</text>
                <image src="../../imgs/ic_arrow_down_circle.png" />
            </view>
            <view class="{{curTab==2? 'tab-select' :'tab-normal'}}" bind:tap="changeTab" data-index="2">
                <text>资源条件</text>
                <image src="../../imgs/ic_arrow_down_circle.png" />
            </view>
            <view class="{{curTab==3? 'tab-select' :'tab-normal'}}" bind:tap="changeTab" data-index="3">
                <text>气候条件</text>
                <image src="../../imgs/ic_arrow_down_circle.png" />
            </view>
            <view class="{{curTab==4? 'tab-select' :'tab-normal'}}" bind:tap="changeTab" data-index="4">
                <text>基础设施</text>
                <image src="../../imgs/ic_arrow_down_circle.png" />
            </view>
        </view>
        <view class="invest-content">
            <image style="width: 100%;height: 300rpx;" src="../../imgs/ic_data_bg.png" />
            <view class="line-noappoint mt-20" style="{{isAreaExpand?'-webkit-line-clamp: 0;':'-webkit-line-clamp: 3;'}}">
                <text>总占地面积约100亩，总建筑面积约7万平方米。建设内容包括加工车间、展示营销中心、道路建设、地下室、人防、给排水管网、电力通信等，吸引全县小商品、总占地面积约100亩，总建筑面积约7万平方米。建设内容包括加工车间、展示营销中心、道路建设、地下室、人防、给排水管网、电力通信等，吸引全县小商品、小商品、总占地面积约100亩，总建筑面积约7万平方米。建设内容包括加工车间、展示营销中心、道路建设、地下室、人防、给排水管网、电力通信等，吸引全县小商品、</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>
    <!-- 投资优势 -->
    <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="{{testList}}" wx:key="index">
                    <view class="superiority-item">
                        <image class="superiory-icon" src="/imgs/ic_data_bg.png"></image>
                        <text class="superiory-txt">电子信息</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>
        <block>
            <view class="chance-item-box">
                <view class="chance-item-title">
                    <view class="title">达拉特旗小商品小食品加工园建设项目</view>
                    <view class="more">查看详情 ></view>
                </view>
                <view class="chance-item-content line-3">
                    总占地面积约100亩，总建筑面积约7万平方米。建设内容包括加工车间、展示营销中心、道路建设、地下室、人防、给排水管网、电力通信等，吸引全县小商品、总占地面积约100亩，总建筑面积约7万平方米。建设内容包括加工车间、展示营销中心、道路建设、地下室、人防、给排水管网、电力通信等，吸引全县小商品、小商品、总占地面积约100亩，总建筑面积约7万平方米。建设内容包括加工车间、展示营销中心、道路建设、地下室、人防、给排水管网、电力通信等，吸引全县小商品、 总占地面积约100亩，总建筑面积约7万平方米。建设内容包括加工车间、展示营销中心、道路建设、地下室、人防、给排水管网、电力通信等，吸引全县小商品、总占地面积约100亩，总建筑面积约7万平方米。建设内容包括加工车间、展示营销中心、道路建设、地下室、人防、给排水管网、电力通信等，吸引全县小商品、小商品、总占地面积约100亩，总建筑面积约7万平方米。建设内容包括加工车间、展示营销中心、道路建设、地下室、人防、给排水管网、电力通信等，吸引全县小商品、
                </view>
                <view class="chance-item-attrs">
                    <view class="chance-attr">
                        <text class="title">预计总投资</text>
                        <text class="content">5000万元</text>
                    </view>
                    <view class="divide-line"></view>
                    <view class="chance-attr">
                        <text class="title">所属产业</text>
                        <text class="content">生物产业</text>
                    </view>
                    <view class="divide-line"></view>
                    <view class="chance-attr">
                        <text class="title">占地面积</text>
                        <text class="content">1亩</text>
                    </view>
                    <view class="divide-line"></view>
                    <view class="chance-attr">
                        <text class="title">用地类型</text>
                        <text class="content">商业用地</text>
                    </view>
                </view>
            </view>
        </block>
    </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>