gov_propagandize/pages/index/index.wxml
itgaojian163 c8bbac8c0f 页面
2025-01-17 18:01:48 +08:00

170 lines
9.8 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!--index.wxml-->
<view>
<!-- 视频简介 -->
<view class="func-container">
<video class="desc-video" controls="false" />
<view class="desc-title">达拉特旗</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">
<text>2024</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;">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>文字介绍</view>
</view>
<view class="more">
<image class="icon" src="/imgs/ic_arrow_right_black.png"></image>
</view>
</view>
<!-- 投资优势 -->
<view class="func-container mt-20">
<view class="func-title-box">
<image src="/imgs/ic_superiority_title.png" class="icon" />
<text class="name">投资优势</text>
</view>
<view class="superiority-content">
<image src="/imgs/ic_desc_icon_3.png" />
<image src="/imgs/ic_desc_icon_3.png" />
<image src="/imgs/ic_desc_icon_3.png" />
<image src="/imgs/ic_desc_icon_3.png" />
<image src="/imgs/ic_desc_icon_3.png" />
</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>
<mp-actionSheet bindactiontap="btnClick" show="{{showActionsheet}}" title="这是一个标题,可以为一行或者两行。">
<picker-view style="width: 100%; height: 300px;" value="{{value}}" bindchange="bindChange">
<picker-view-column>
<view wx:for="{{years}}" style="line-height: 30px">{{item}}年</view>
</picker-view-column>
</picker-view>
</mp-actionSheet>