nais.wxml 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195
  1. <view >
  2. <scroll-view style="height: {{scroll_height-200}}rpx;" scroll-y="true">
  3. <!-- 南岸概况 -->
  4. <view style="position: relative;margin-top: 40rpx;">
  5. <image style="width: 250rpx;height: 121rpx;position: absolute;right: -45rpx;top: -10rpx;" src="{{imgUrl}}nais-1-2022-banner.png" />
  6. <image src="{{imgUrl}}nais-2-2022-top-bg.png" style="width: 100%;height: 310rpx;padding: 70rpx 0 50rpx 0;" />
  7. <view style="width: 100%;position: absolute;top: 0;">
  8. <view style="margin-left: 50rpx;">
  9. <view style="font-size: 36rpx;font-weight: 800;color: #C1944F;line-height: 50rpx;">南岸概况</view>
  10. <view style="font-size: 24rpx;font-weight: 400;color: #C1944F;line-height: 50rpx;">南岸区面积262.43平方公里常住人口119.76万人</view>
  11. <view style="font-size: 24rpx;font-weight: 400;color: #C1944F;line-height: 50rpx;">西部首个国家级开发区重庆经开区</view>
  12. <view style="font-size: 24rpx;font-weight: 400;color: #C1944F;line-height: 50rpx;">全市“一区两群”协调发展中南岸处重庆“两江四岸”核心区</view>
  13. <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>
  14. </view>
  15. <view style="display: flex;justify-content: space-evenly;margin-top: 20rpx;">
  16. <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}}">
  17. <image src="{{imgUrl}}{{item.url}}" style="width: 68rpx;height: 68rpx;background: #FFF6E2;opacity: 0.8;" />
  18. <view style="font-size: 24rpx;font-weight: 800;color: #BC893C;margin-top: 10rpx;">{{item.name}}</view>
  19. </view>
  20. </view>
  21. </view>
  22. </view>
  23. <!-- 书香南岸 -->
  24. <view style="margin-top: 50rpx;">
  25. <view style="display: flex;justify-content: center;margin-bottom: 40rpx;">
  26. <image style="width:393rpx;height:73rpx;" src="{{imgUrl}}nais-7-2022-content-title-1.png" />
  27. </view>
  28. <view style="height: 1390rpx;box-shadow: 0px 3px 9px 0px rgba(19,65,138,0.17);border-radius: 20px;margin: 20rpx 25rpx 0 25rpx;">
  29. <view style="display: flex;flex-wrap: wrap;justify-content: space-evenly;padding-top: 30rpx;">
  30. <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}}">
  31. <image style="width: 68rpx;height: 68rpx;margin-left: 22rpx;" src="{{imgUrl}}{{item.url}}" />
  32. <view style="margin-left: 13rpx;font-size: 30rpx;font-weight: 800;color: #333333;">{{item.name}}</view>
  33. </view>
  34. </view>
  35. <view style="display: flex;justify-content: space-evenly;flex-wrap: wrap;" bindtap="gotoMore10">
  36. <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;">
  37. <view style="width: 140rpx;height: 140rpx;border: 2rpx solid #BE914D;border-radius: 50%;display: flex;justify-content: center;align-items: center;">
  38. <span style="font-size: 61rpx;font-weight: 800;color: #BE914D;">{{item.count}}</span><span style="font-size: 30rpx;color: #666666;margin-top: 18rpx;">所</span>
  39. </view>
  40. <view style="font-size: 28rpx;font-weight: 500;color: #666666;text-align: center;margin-top: 10rpx;">{{item.name}}</view>
  41. </view>
  42. </view>
  43. <view style="display: flex;flex-wrap: wrap;margin-top: 20rpx;">
  44. <view wx:for="{{scholarly3}}" wx:key="index" style="display: flex;align-items: center;width: 50%;">
  45. <image style="width: 54rpx;height: 44rpx;margin-left: 10rpx;" src="{{imgUrl}}{{item.url}}" />
  46. <view style="margin-left: 15rpx;font-size: 29rpx;color: #666666;">
  47. <span style="font-size: 48rpx;font-weight: 800;color: {{item.color}};">{{item.count}}</span>
  48. {{item.name}}
  49. </view>
  50. </view>
  51. </view>
  52. <view style="display: flex;flex-wrap: wrap;justify-content: space-evenly;margin-top: 10rpx;">
  53. <image wx:for="{{scholarly4}}" wx:key="index" style="width: 320rpx;height: 215rpx;border-radius: 10rpx;margin: 10rpx 0;" src="{{imgUrl}}{{item}}" />
  54. </view>
  55. </view>
  56. </view>
  57. <!-- 产业发展 -->
  58. <view style="margin-top: 50rpx">
  59. <view style="display: flex;justify-content: center;margin-bottom: 40rpx;">
  60. <image style="width:393rpx;height:73rpx;" src="{{imgUrl}}nais-19-2022-content-title-2.png" />
  61. </view>
  62. <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;">
  63. <swiper class="dot-right" style="height: 282rpx;" indicator-dots="{{true}}" autoplay="{{false}}" interval="{{2000}}" duration="{{500}}" indicator-active-color="#4a7ccc">
  64. <block wx:for="{{industrySwiper}}" wx:key="*this">
  65. <swiper-item>
  66. <view style="position: relative;">
  67. <image style="height: 282rpx;width: 661rpx;border-radius: 12rpx;" src="{{imgUrl}}{{item.url}}" />
  68. <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>
  69. </view>
  70. </swiper-item>
  71. </block>
  72. </swiper>
  73. <view style="font-size: 36rpx;font-weight: 800;color: #333333;text-align: center;margin-top: 20rpx;">产业特色</view>
  74. <view style="width: 58rpx;height: 6rpx;background: #4A7CCC;border-radius: 3rpx;margin: 10rpx auto;"></view>
  75. <view style="font-size: 30rpx;font-weight: 400;color: #333333;line-height: 50rpx;">
  76. 2021年全年地区生产总值增长6.2%,三次产业结构调整为0.5∶37.1∶62.4,一般公共预算收入、区级税收收入分别完成56.99亿元、46.48亿元(均居中心城区前3位)。智能终端、智能制造、工业互联网等产业蓬勃发展,逐步培育起以维沃移动通信、美的制冷、重庆烟厂、美心集团、隆鑫机车、迪马特种车、桐君阁等为代表的手机、空调、烟草、门业、...
  77. </view>
  78. <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>
  79. </view>
  80. </view>
  81. <!-- 南岸·依山 -->
  82. <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;">
  83. <view style="font-size: 36rpx;font-weight: 800;color: #000000;text-align: center;">南岸·依山</view>
  84. <view style="font-size: 24rpx;font-weight: 400;color: #666666;text-align: center;margin-top: 10rpx;margin-bottom: 10rpx;">背靠南山,大重庆的风光与精神高地</view>
  85. <view style="width: 58rpx;height: 6rpx;background: #4A7CCC;border-radius: 3rpx;margin: 10rpx auto;"></view>
  86. <!-- 内容 -->
  87. <view style="margin-top: 30rpx;display: flex;flex-wrap: wrap;justify-content: space-between;">
  88. <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%">
  89. <view style="margin-top: 200rpx;background: #00000066;height: 45rpx;display: flex;align-items: center;border-radius: 0 0 10rpx 10rpx;">
  90. <view style="opacity: 1;font-weight: 800;color: #FFFFFF;font-size: 24rpx;padding-left: 22rpx;font-family: PingFang SC;">文化南山</view>
  91. </view>
  92. </view>
  93. <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%">
  94. <view style="margin-top: 200rpx;background: #00000066;height: 45rpx;display: flex;align-items: center;border-radius: 0 0 10rpx 10rpx;">
  95. <view style="opacity: 1;font-weight: 800;color: #FFFFFF;font-size: 24rpx;padding-left: 22rpx;font-family: PingFang SC;">活力南山</view>
  96. </view>
  97. </view>
  98. <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%">
  99. <view style="margin-top: 200rpx;background: #00000066;height: 45rpx;display: flex;align-items: center;border-radius: 0 0 10rpx 10rpx;">
  100. <view style="opacity: 1;font-weight: 800;color: #FFFFFF;font-size: 24rpx;padding-left: 22rpx;font-family: PingFang SC;">生态南山</view>
  101. </view>
  102. </view>
  103. <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%">
  104. <view style="margin-top: 200rpx;background: #00000066;height: 45rpx;display: flex;align-items: center;border-radius: 0 0 10rpx 10rpx;">
  105. <view style="opacity: 1;font-weight: 800;color: #FFFFFF;font-size: 24rpx;padding-left: 22rpx;font-family: PingFang SC;">畅通南山</view>
  106. </view>
  107. </view>
  108. </view>
  109. </view>
  110. <!-- 南岸·傍水 -->
  111. <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;">
  112. <view style="font-size: 36rpx;font-weight: 800;color: #000000;text-align: center;">南岸·傍水</view>
  113. <view style="font-size: 24rpx;font-weight: 400;color: #666666;text-align: center;margin-top: 10rpx;margin-bottom: 10rpx;">面朝大江,涛涛江畔的人文盛景</view>
  114. <view style="width: 58rpx;height: 6rpx;background: #4A7CCC;border-radius: 3rpx;margin: 10rpx auto;"></view>
  115. <view style="margin-top: 30rpx;display: flex;justify-content: center;">
  116. <!-- 左 -->
  117. <view style="width: 325rpx;display: flex;flex-wrap: wrap;margin-right: 11rpx;">
  118. <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%">
  119. <view style="margin-top: 227rpx;background: #00000066;height: 45rpx;display: flex;align-items: center;border-radius: 0 0 10rpx 10rpx;">
  120. <view style="opacity: 1;font-weight: 800;color: #FFFFFF;font-size: 24rpx;padding-left: 22rpx;font-family: PingFang SC;">总部南滨</view>
  121. </view>
  122. </view>
  123. <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%">
  124. <view style="margin-top: 227rpx;background: #00000066;height: 45rpx;display: flex;align-items: center;border-radius: 0 0 10rpx 10rpx;">
  125. <view style="opacity: 1;font-weight: 800;color: #FFFFFF;font-size: 24rpx;padding-left: 22rpx;font-family: PingFang SC;">文化南滨</view>
  126. </view>
  127. </view>
  128. </view>
  129. <!-- 右 -->
  130. <view style="width: 325rpx;display: flex;flex-wrap: wrap;">
  131. <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%">
  132. <view style="margin-top: 142rpx;background: #00000066;height: 34rpx;display: flex;align-items: center;border-radius: 0 0 10rpx 10rpx;">
  133. <view style="opacity: 1;font-weight: 800;color: #FFFFFF;font-size: 22rpx;padding-left: 22rpx;font-family: PingFang SC;">潮流南滨</view>
  134. </view>
  135. </view>
  136. <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%">
  137. <view style="margin-top: 142rpx;background: #00000066;height: 34rpx;display: flex;align-items: center;border-radius: 0 0 10rpx 10rpx;">
  138. <view style="opacity: 1;font-weight: 800;color: #FFFFFF;font-size: 22rpx;padding-left: 22rpx;font-family: PingFang SC;">烟火南滨</view>
  139. </view>
  140. </view>
  141. <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%">
  142. <view style="margin-top: 142rpx;background: #00000066;height: 34rpx;display: flex;align-items: center;border-radius: 0 0 10rpx 10rpx;">
  143. <view style="opacity: 1;font-weight: 800;color: #FFFFFF;font-size: 22rpx;padding-left: 22rpx;font-family: PingFang SC;">影话南滨</view>
  144. </view>
  145. </view>
  146. </view>
  147. </view>
  148. </view>
  149. <!-- 南岸·岛屿 -->
  150. <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;">
  151. <view style="font-size: 36rpx;font-weight: 800;color: #000000;text-align: center;">南岸·岛屿</view>
  152. <view style="font-size: 24rpx;font-weight: 400;color: #666666;text-align: center;margin-top: 10rpx;margin-bottom: 10rpx;">回归乡野的纯朴,独特的生态奇观</view>
  153. <view style="width: 58rpx;height: 6rpx;background: #4A7CCC;border-radius: 3rpx;margin: 10rpx auto;"></view>
  154. <!-- 内容 -->
  155. <view style="margin-top: 30rpx;display: flex;flex-wrap: wrap;justify-content: space-between;">
  156. <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%">
  157. <view style="margin-top: 200rpx;background: #00000066;height: 45rpx;display: flex;align-items: center;border-radius: 0 0 10rpx 10rpx;">
  158. <view style="opacity: 1;font-weight: 800;color: #FFFFFF;font-size: 24rpx;padding-left: 22rpx;font-family: PingFang SC;">智慧广阳湾</view>
  159. </view>
  160. </view>
  161. <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%">
  162. <view style="margin-top: 200rpx;background: #00000066;height: 45rpx;display: flex;align-items: center;border-radius: 0 0 10rpx 10rpx;">
  163. <view style="opacity: 1;font-weight: 800;color: #FFFFFF;font-size: 24rpx;padding-left: 22rpx;font-family: PingFang SC;">创新广阳湾</view>
  164. </view>
  165. </view>
  166. <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%">
  167. <view style="margin-top: 200rpx;background: #00000066;height: 45rpx;display: flex;align-items: center;border-radius: 0 0 10rpx 10rpx;">
  168. <view style="opacity: 1;font-weight: 800;color: #FFFFFF;font-size: 24rpx;padding-left: 22rpx;font-family: PingFang SC;">绿色广阳湾</view>
  169. </view>
  170. </view>
  171. <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%">
  172. <view style="margin-top: 200rpx;background: #00000066;height: 45rpx;display: flex;align-items: center;border-radius: 0 0 10rpx 10rpx;">
  173. <view style="opacity: 1;font-weight: 800;color: #FFFFFF;font-size: 24rpx;padding-left: 22rpx;font-family: PingFang SC;">天然氧吧.广阳湾</view>
  174. </view>
  175. </view>
  176. </view>
  177. </view>
  178. <!-- 印象南岸 -->
  179. <view style="margin-top: 50rpx;margin-bottom: 200rpx;">
  180. <view style="display: flex;align-items: center;justify-content: center;margin-top: 70rpx;margin-bottom: 25rpx;">
  181. <image src="{{imgUrl}}nais-33-2022-content-title-3.png" style="width: 385rpx;height:80rpx"></image>
  182. </view>
  183. <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;">
  184. <view style="width: 100%;height: 100%;margin-top: 20rpx;">
  185. <view style="width: 100%;height: 350rpx;">
  186. <custom-banner-swiper indicatorActiveColor="#999999" indicatorColor="#00000000" previous-margin="130rpx" next-margin="130rpx" scale="0.8" autoplay="{{true}}" my-data="{{swiperList}}">
  187. </custom-banner-swiper>
  188. </view>
  189. </view>
  190. </view>
  191. </view>
  192. <view style="height: 10rpx;"></view>
  193. <!-- 印象南岸 -->
  194. </scroll-view>
  195. </view>