123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195 |
- <view >
- <scroll-view style="height: {{scroll_height-200}}rpx;" scroll-y="true">
- <!-- 南岸概况 -->
- <view style="position: relative;margin-top: 40rpx;">
- <image style="width: 250rpx;height: 121rpx;position: absolute;right: -45rpx;top: -10rpx;" src="{{imgUrl}}nais-1-2022-banner.png" />
- <image src="{{imgUrl}}nais-2-2022-top-bg.png" style="width: 100%;height: 310rpx;padding: 70rpx 0 50rpx 0;" />
- <view style="width: 100%;position: absolute;top: 0;">
- <view style="margin-left: 50rpx;">
- <view style="font-size: 36rpx;font-weight: 800;color: #C1944F;line-height: 50rpx;">南岸概况</view>
- <view style="font-size: 24rpx;font-weight: 400;color: #C1944F;line-height: 50rpx;">南岸区面积262.43平方公里常住人口119.76万人</view>
- <view style="font-size: 24rpx;font-weight: 400;color: #C1944F;line-height: 50rpx;">西部首个国家级开发区重庆经开区</view>
- <view style="font-size: 24rpx;font-weight: 400;color: #C1944F;line-height: 50rpx;">全市“一区两群”协调发展中南岸处重庆“两江四岸”核心区</view>
- <view style="width: 201rpx;height: 51rpx;border: 1rpx solid #BE914D;border-radius: 25rpx;font-size: 24rpx;font-weight: 400;color: #C1944F;text-align: center;line-height: 51rpx;" bindtap="gotoMore1">查看详情 ></view>
- </view>
- <view style="display: flex;justify-content: space-evenly;margin-top: 20rpx;">
- <view wx:for="{{overview}}" wx:key="index" style="width: 160rpx;height: 145rpx;background: #FFF6E2;opacity: 0.8;display: flex;flex-wrap: wrap;flex-direction: column; justify-content: center;align-items: center;" bindtap="gotoMore{{index + 2}}">
- <image src="{{imgUrl}}{{item.url}}" style="width: 68rpx;height: 68rpx;background: #FFF6E2;opacity: 0.8;" />
- <view style="font-size: 24rpx;font-weight: 800;color: #BC893C;margin-top: 10rpx;">{{item.name}}</view>
- </view>
- </view>
- </view>
- </view>
- <!-- 书香南岸 -->
- <view style="margin-top: 50rpx;">
- <view style="display: flex;justify-content: center;margin-bottom: 40rpx;">
- <image style="width:393rpx;height:73rpx;" src="{{imgUrl}}nais-7-2022-content-title-1.png" />
- </view>
- <view style="height: 1390rpx;box-shadow: 0px 3px 9px 0px rgba(19,65,138,0.17);border-radius: 20px;margin: 20rpx 25rpx 0 25rpx;">
- <view style="display: flex;flex-wrap: wrap;justify-content: space-evenly;padding-top: 30rpx;">
- <view wx:for="{{scholarly1}}" wx:key="index" style="width: 322rpx;height: 102rpx;border: 2rpx solid #FFD736;border-radius: 5rpx;margin: 5rpx 0;display: flex;align-items: center;" bindtap="gotoMore{{index + 6}}">
- <image style="width: 68rpx;height: 68rpx;margin-left: 22rpx;" src="{{imgUrl}}{{item.url}}" />
- <view style="margin-left: 13rpx;font-size: 30rpx;font-weight: 800;color: #333333;">{{item.name}}</view>
- </view>
- </view>
- <view style="display: flex;justify-content: space-evenly;flex-wrap: wrap;" bindtap="gotoMore10">
- <view wx:for="{{scholarly2}}" wx:key="index" style="width: 33.3%;display: flex;flex-wrap: wrap;flex-direction: column;align-items: center;margin-top: 20rpx;">
- <view style="width: 140rpx;height: 140rpx;border: 2rpx solid #BE914D;border-radius: 50%;display: flex;justify-content: center;align-items: center;">
- <span style="font-size: 61rpx;font-weight: 800;color: #BE914D;">{{item.count}}</span><span style="font-size: 30rpx;color: #666666;margin-top: 18rpx;">所</span>
- </view>
- <view style="font-size: 28rpx;font-weight: 500;color: #666666;text-align: center;margin-top: 10rpx;">{{item.name}}</view>
- </view>
- </view>
- <view style="display: flex;flex-wrap: wrap;margin-top: 20rpx;">
- <view wx:for="{{scholarly3}}" wx:key="index" style="display: flex;align-items: center;width: 50%;">
- <image style="width: 54rpx;height: 44rpx;margin-left: 10rpx;" src="{{imgUrl}}{{item.url}}" />
- <view style="margin-left: 15rpx;font-size: 29rpx;color: #666666;">
- <span style="font-size: 48rpx;font-weight: 800;color: {{item.color}};">{{item.count}}</span>
- {{item.name}}
- </view>
- </view>
- </view>
- <view style="display: flex;flex-wrap: wrap;justify-content: space-evenly;margin-top: 10rpx;">
- <image wx:for="{{scholarly4}}" wx:key="index" style="width: 320rpx;height: 215rpx;border-radius: 10rpx;margin: 10rpx 0;" src="{{imgUrl}}{{item}}" />
- </view>
- </view>
- </view>
- <!-- 产业发展 -->
- <view style="margin-top: 50rpx">
- <view style="display: flex;justify-content: center;margin-bottom: 40rpx;">
- <image style="width:393rpx;height:73rpx;" src="{{imgUrl}}nais-19-2022-content-title-2.png" />
- </view>
- <view style="height: 869rpx;box-shadow: 0px 3px 9px 0px rgba(19,65,138,0.17);border-radius: 20px;margin: 0 25rpx;padding: 20rpx 20rpx 20rpx 20rpx;">
- <swiper class="dot-right" style="height: 282rpx;" indicator-dots="{{true}}" autoplay="{{false}}" interval="{{2000}}" duration="{{500}}" indicator-active-color="#4a7ccc">
- <block wx:for="{{industrySwiper}}" wx:key="*this">
- <swiper-item>
- <view style="position: relative;">
- <image style="height: 282rpx;width: 661rpx;border-radius: 12rpx;" src="{{imgUrl}}{{item.url}}" />
- <view style="position: absolute;top: 232rpx;color: #FEFEFE;font-size: 20rpx;font-weight: 500;width: 641rpx;background: rgba(0, 0, 0, 0.6);padding-left: 20rpx;height: 50rpx;line-height: 50rpx;border-bottom-left-radius: 12rpx;border-bottom-right-radius: 12rpx;">{{item.name}}</view>
- </view>
- </swiper-item>
- </block>
- </swiper>
- <view style="font-size: 36rpx;font-weight: 800;color: #333333;text-align: center;margin-top: 20rpx;">产业特色</view>
- <view style="width: 58rpx;height: 6rpx;background: #4A7CCC;border-radius: 3rpx;margin: 10rpx auto;"></view>
- <view style="font-size: 30rpx;font-weight: 400;color: #333333;line-height: 50rpx;">
- 2021年全年地区生产总值增长6.2%,三次产业结构调整为0.5∶37.1∶62.4,一般公共预算收入、区级税收收入分别完成56.99亿元、46.48亿元(均居中心城区前3位)。智能终端、智能制造、工业互联网等产业蓬勃发展,逐步培育起以维沃移动通信、美的制冷、重庆烟厂、美心集团、隆鑫机车、迪马特种车、桐君阁等为代表的手机、空调、烟草、门业、...
- </view>
- <view style="width: 200rpx;height: 60rpx;font-size: 30rpx;color: #FFFFFF;font-weight: 500;border-radius: 30rpx;background: #0048B9;line-height: 60rpx;text-align: center;margin: 20rpx auto;" bindtap="gotoMore11">查看更多 +</view>
- </view>
- </view>
- <!-- 南岸·依山 -->
- <view style="height: 672rpx;box-shadow: 0px 3px 9px 0px rgba(19,65,138,0.17);border-radius: 20px;margin: 0 25rpx;margin-top: 50rpx;padding: 20rpx 18rpx 20rpx 18rpx;">
- <view style="font-size: 36rpx;font-weight: 800;color: #000000;text-align: center;">南岸·依山</view>
- <view style="font-size: 24rpx;font-weight: 400;color: #666666;text-align: center;margin-top: 10rpx;margin-bottom: 10rpx;">背靠南山,大重庆的风光与精神高地</view>
- <view style="width: 58rpx;height: 6rpx;background: #4A7CCC;border-radius: 3rpx;margin: 10rpx auto;"></view>
- <!-- 内容 -->
- <view style="margin-top: 30rpx;display: flex;flex-wrap: wrap;justify-content: space-between;">
- <view bindtap="gotoMore12" style="width:325rpx;height:246rpx;border-radius: 10rpx;margin-bottom: 10rpx;background-image: url({{imgUrl}}nais-21-2022-nays-icon-1.png);background-size:cover;background-position: 50% 50%">
- <view style="margin-top: 200rpx;background: #00000066;height: 45rpx;display: flex;align-items: center;border-radius: 0 0 10rpx 10rpx;">
- <view style="opacity: 1;font-weight: 800;color: #FFFFFF;font-size: 24rpx;padding-left: 22rpx;font-family: PingFang SC;">文化南山</view>
- </view>
- </view>
- <view bindtap="gotoMore13" style="width:325rpx;height:246rpx;border-radius: 10rpx;margin-bottom: 10rpx;background-image: url({{imgUrl}}nais-22-2022-nays-icon-2.png);background-size:cover;background-position: 50% 60%">
- <view style="margin-top: 200rpx;background: #00000066;height: 45rpx;display: flex;align-items: center;border-radius: 0 0 10rpx 10rpx;">
- <view style="opacity: 1;font-weight: 800;color: #FFFFFF;font-size: 24rpx;padding-left: 22rpx;font-family: PingFang SC;">活力南山</view>
- </view>
- </view>
- <view bindtap="gotoMore14" style="width:325rpx;height:246rpx;border-radius: 10rpx;margin-bottom: 10rpx;background-image: url({{imgUrl}}nais-23-2022-nays-icon-3.png);background-size:cover;background-position: 50% 60%">
- <view style="margin-top: 200rpx;background: #00000066;height: 45rpx;display: flex;align-items: center;border-radius: 0 0 10rpx 10rpx;">
- <view style="opacity: 1;font-weight: 800;color: #FFFFFF;font-size: 24rpx;padding-left: 22rpx;font-family: PingFang SC;">生态南山</view>
- </view>
- </view>
- <view bindtap="gotoMore15" style="width:325rpx;height:246rpx;border-radius: 10rpx;margin-bottom: 10rpx;background-image: url({{imgUrl}}nais-24-2022-nays-icon-4.png);background-size:cover;background-position: 50% 60%">
- <view style="margin-top: 200rpx;background: #00000066;height: 45rpx;display: flex;align-items: center;border-radius: 0 0 10rpx 10rpx;">
- <view style="opacity: 1;font-weight: 800;color: #FFFFFF;font-size: 24rpx;padding-left: 22rpx;font-family: PingFang SC;">畅通南山</view>
- </view>
- </view>
- </view>
- </view>
- <!-- 南岸·傍水 -->
- <view style="height: 723rpx;box-shadow: 0px 3px 9px 0px rgba(19,65,138,0.17);border-radius: 20px;margin: 0 25rpx;margin-top: 50rpx;padding: 20rpx 10rpx 20rpx 10rpx;">
- <view style="font-size: 36rpx;font-weight: 800;color: #000000;text-align: center;">南岸·傍水</view>
- <view style="font-size: 24rpx;font-weight: 400;color: #666666;text-align: center;margin-top: 10rpx;margin-bottom: 10rpx;">面朝大江,涛涛江畔的人文盛景</view>
- <view style="width: 58rpx;height: 6rpx;background: #4A7CCC;border-radius: 3rpx;margin: 10rpx auto;"></view>
- <view style="margin-top: 30rpx;display: flex;justify-content: center;">
- <!-- 左 -->
- <view style="width: 325rpx;display: flex;flex-wrap: wrap;margin-right: 11rpx;">
- <view bindtap="gotoMore16" style="width:325rpx;height:270rpx;border-radius: 10rpx;margin-bottom: 12rpx;background-image: url({{imgUrl}}nais-25-2022-nabs-icon-1.png);background-size:cover;background-position: 50% 10%">
- <view style="margin-top: 227rpx;background: #00000066;height: 45rpx;display: flex;align-items: center;border-radius: 0 0 10rpx 10rpx;">
- <view style="opacity: 1;font-weight: 800;color: #FFFFFF;font-size: 24rpx;padding-left: 22rpx;font-family: PingFang SC;">总部南滨</view>
- </view>
- </view>
- <view bindtap="gotoMore17" style="width:325rpx;height:270rpx;border-radius: 10rpx;margin-bottom: 12rpx;background-image: url({{imgUrl}}nais-26-2022-nabs-icon-2.png);background-size:cover;background-position: 50% 20%">
- <view style="margin-top: 227rpx;background: #00000066;height: 45rpx;display: flex;align-items: center;border-radius: 0 0 10rpx 10rpx;">
- <view style="opacity: 1;font-weight: 800;color: #FFFFFF;font-size: 24rpx;padding-left: 22rpx;font-family: PingFang SC;">文化南滨</view>
- </view>
- </view>
- </view>
- <!-- 右 -->
- <view style="width: 325rpx;display: flex;flex-wrap: wrap;">
- <view bindtap="gotoMore18" style="width:325rpx;height:176rpx;border-radius: 10rpx;margin-bottom: 9rpx;background-image: url({{imgUrl}}nais-27-2022-nabs-icon-3.png);background-size:cover;background-position: 50% 60%">
- <view style="margin-top: 142rpx;background: #00000066;height: 34rpx;display: flex;align-items: center;border-radius: 0 0 10rpx 10rpx;">
- <view style="opacity: 1;font-weight: 800;color: #FFFFFF;font-size: 22rpx;padding-left: 22rpx;font-family: PingFang SC;">潮流南滨</view>
- </view>
- </view>
- <view bindtap="gotoMore19" style="width:325rpx;height:176rpx;border-radius: 10rpx;margin-bottom: 9rpx;background-image: url({{imgUrl}}nais-28-2022-nabs-icon-4.png);background-size:cover;background-position: 50% 30%">
- <view style="margin-top: 142rpx;background: #00000066;height: 34rpx;display: flex;align-items: center;border-radius: 0 0 10rpx 10rpx;">
- <view style="opacity: 1;font-weight: 800;color: #FFFFFF;font-size: 22rpx;padding-left: 22rpx;font-family: PingFang SC;">烟火南滨</view>
- </view>
- </view>
- <view bindtap="gotoMore20" style="width:325rpx;height:176rpx;border-radius: 10rpx;margin-bottom: 9rpx;background-image: url({{imgUrl}}nais-29-2022-nabs-icon-5.png);background-size:cover;background-position: 50% 50%">
- <view style="margin-top: 142rpx;background: #00000066;height: 34rpx;display: flex;align-items: center;border-radius: 0 0 10rpx 10rpx;">
- <view style="opacity: 1;font-weight: 800;color: #FFFFFF;font-size: 22rpx;padding-left: 22rpx;font-family: PingFang SC;">影话南滨</view>
- </view>
- </view>
- </view>
- </view>
- </view>
- <!-- 南岸·岛屿 -->
- <view style="height: 672rpx;box-shadow: 0px 3px 9px 0px rgba(19,65,138,0.17);border-radius: 20px;margin: 0 25rpx;margin-top: 50rpx;padding: 20rpx 18rpx 20rpx 18rpx;">
- <view style="font-size: 36rpx;font-weight: 800;color: #000000;text-align: center;">南岸·岛屿</view>
- <view style="font-size: 24rpx;font-weight: 400;color: #666666;text-align: center;margin-top: 10rpx;margin-bottom: 10rpx;">回归乡野的纯朴,独特的生态奇观</view>
- <view style="width: 58rpx;height: 6rpx;background: #4A7CCC;border-radius: 3rpx;margin: 10rpx auto;"></view>
- <!-- 内容 -->
- <view style="margin-top: 30rpx;display: flex;flex-wrap: wrap;justify-content: space-between;">
- <view bindtap="gotoMore21" style="width:325rpx;height:246rpx;border-radius: 10rpx;margin-bottom: 10rpx;background-image: url({{imgUrl}}nais-30-2022-nady-icon-1.png);background-size:cover;background-position: 50% 50%">
- <view style="margin-top: 200rpx;background: #00000066;height: 45rpx;display: flex;align-items: center;border-radius: 0 0 10rpx 10rpx;">
- <view style="opacity: 1;font-weight: 800;color: #FFFFFF;font-size: 24rpx;padding-left: 22rpx;font-family: PingFang SC;">智慧广阳湾</view>
- </view>
- </view>
- <view bindtap="gotoMore22" style="width:325rpx;height:246rpx;border-radius: 10rpx;margin-bottom: 10rpx;background-image: url({{imgUrl}}nais-31-2022-nady-icon-2.png);background-size:cover;background-position: 50% 60%">
- <view style="margin-top: 200rpx;background: #00000066;height: 45rpx;display: flex;align-items: center;border-radius: 0 0 10rpx 10rpx;">
- <view style="opacity: 1;font-weight: 800;color: #FFFFFF;font-size: 24rpx;padding-left: 22rpx;font-family: PingFang SC;">创新广阳湾</view>
- </view>
- </view>
- <view bindtap="gotoMore23" style="width:325rpx;height:246rpx;border-radius: 10rpx;margin-bottom: 10rpx;background-image: url({{imgUrl}}nais-32-2022-nady-icon-3.png);background-size:cover;background-position: 50% 60%">
- <view style="margin-top: 200rpx;background: #00000066;height: 45rpx;display: flex;align-items: center;border-radius: 0 0 10rpx 10rpx;">
- <view style="opacity: 1;font-weight: 800;color: #FFFFFF;font-size: 24rpx;padding-left: 22rpx;font-family: PingFang SC;">绿色广阳湾</view>
- </view>
- </view>
- <view bindtap="gotoMore24" style="width:325rpx;height:246rpx;border-radius: 10rpx;margin-bottom: 10rpx;background-image: url({{imgUrl}}nais-34-2022-nady-icon-4.png);background-size:cover;background-position: 50% 60%">
- <view style="margin-top: 200rpx;background: #00000066;height: 45rpx;display: flex;align-items: center;border-radius: 0 0 10rpx 10rpx;">
- <view style="opacity: 1;font-weight: 800;color: #FFFFFF;font-size: 24rpx;padding-left: 22rpx;font-family: PingFang SC;">天然氧吧.广阳湾</view>
- </view>
- </view>
- </view>
- </view>
- <!-- 印象南岸 -->
- <view style="margin-top: 50rpx;margin-bottom: 200rpx;">
- <view style="display: flex;align-items: center;justify-content: center;margin-top: 70rpx;margin-bottom: 25rpx;">
- <image src="{{imgUrl}}nais-33-2022-content-title-3.png" style="width: 385rpx;height:80rpx"></image>
- </view>
- <view style="height: 374rpx;box-shadow: 0px 3px 9px 0px rgba(19,65,138,0.17);border-radius: 20px;margin: 0 25rpx;padding: 30rpx 20rpx 30rpx 20rpx;">
- <view style="width: 100%;height: 100%;margin-top: 20rpx;">
- <view style="width: 100%;height: 350rpx;">
- <custom-banner-swiper indicatorActiveColor="#999999" indicatorColor="#00000000" previous-margin="130rpx" next-margin="130rpx" scale="0.8" autoplay="{{true}}" my-data="{{swiperList}}">
- </custom-banner-swiper>
- </view>
- </view>
- </view>
- </view>
- <view style="height: 10rpx;"></view>
- <!-- 印象南岸 -->
- </scroll-view>
- </view>
|