nais.wxml 26 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397
  1. <!--pages/nais/nais.wxml-->
  2. <view style="background-color: #EEEEEE;">
  3. <scroll-view style="height: 1549rpx;" scroll-y="true">
  4. <!-- 顶部栏 -->
  5. <view style="position: relative;">
  6. <image src="{{imgUrl}}nais-bg.webp" style="width: 100%;height:454rpx"></image>
  7. <view style="position: absolute;top: {{navHeight}}rpx;font-size: 34rpx;font-weight: 500;color: #ffffff;left: 50%;transform: translateX(-50%);">
  8. 这是南岸</view>
  9. </view>
  10. <view style="width:698rpx;height: 482rpx;background: #FFFFFF;box-shadow: 0 3rpx 9rpx 0 rgba(19,65,138,0.17);border-radius: 20rpx;margin-top: -57rpx;position: relative;transform: translateX(-50%);left: 50%;">
  11. <view style="display: flex;justify-content: space-between;padding: 30rpx 50rpx 20rpx 50rpx;">
  12. <view>
  13. <view style="display: flex;height:50rpx;">
  14. <view style="font-size: 42rpx;font-family: PingFang SC;font-weight: bold;color: #508FF4;height: 50rpx;line-height: 50rpx;">
  15. 262</view>
  16. <view style="font-size: 20rpx;color: #999999;margin: 20rpx 0 0 5rpx;">平方公里</view>
  17. </view>
  18. <view style="text-align: center;font-weight: 500;color: #333333;font-size: 24rpx;font-family: PingFang SC;margin-top: 16rpx;">面积
  19. </view>
  20. </view>
  21. <view>
  22. <view style="display: flex;">
  23. <view style="font-size: 42rpx;font-family: PingFang SC;font-weight: bold;color: #508FF4;height: 50rpx;line-height: 50rpx;">
  24. 120</view>
  25. <view style="font-size: 20rpx;color: #999999;margin: 20rpx 0 0 5rpx;">万</view>
  26. </view>
  27. <view style="text-align: center;font-weight: 500;color: #333333;font-size: 24rpx;font-family: PingFang SC;margin-top: 16rpx;">常住人口
  28. </view>
  29. </view>
  30. <view>
  31. <view style="display: flex;">
  32. <view style="font-size: 42rpx;font-family: PingFang SC;font-weight: bold;color: #508FF4;height: 50rpx;line-height: 50rpx;">
  33. 20+</view>
  34. <view style="font-size: 20rpx;color: #999999;margin: 20rpx 0 0 5rpx;">个</view>
  35. </view>
  36. <view style="text-align: center;font-weight: 500;color: #333333;font-size: 24rpx;font-family: PingFang SC;margin-top: 16rpx;">荣誉
  37. </view>
  38. </view>
  39. </view>
  40. <view>
  41. <view style="margin: 0 30rpx;font-size: 24rpx;font-family: PingFang SC;font-weight: 500;color: #1EA7DA;padding: 16rpx 0 15rpx 22rpx;background-image: linear-gradient(to right, #D9F4FD, #EEFAFE, #FFFFFF);">
  42. 最能体现重庆山水之城、美丽之地的区域。</view>
  43. <view style="margin: 10rpx 5rpx 10rpx 30rpx;font-size: 24rpx;font-family: PingFang SC;font-weight: 500;color: #F18464;padding: 16rpx 0 15rpx 21rpx;background-image: linear-gradient(to right, #FCE8E2, #FEF7F5, #FFFFFF);width: 625rpx;">
  44. 51公里长江水岸,8公里的南滨湾区,50平方公里的南山。</view>
  45. <view style="margin: 0 30rpx;font-size: 24rpx;font-family: PingFang SC;font-weight: 500;color: #27ADA8;padding: 16rpx 0 15rpx 23rpx;background-image: linear-gradient(to right, #D4EFEE, #EDF8F8, #FFFFFF);">
  46. 重庆市的“城市会客厅”,“主城绿肺、山城花冠”。</view>
  47. </view>
  48. <view class="content-more" style="text-align: center;margin-top: 44rpx;" bindtap="gotoMore1">查看更多>></view>
  49. </view>
  50. <!-- 区位条件 -->
  51. <view>
  52. <view style="display:flex" class="content-top">
  53. <view class="content-line"></view>
  54. <view class="content-title">区位条件</view>
  55. <view class="content-more" bindtap="gotoMore2">查看更多 >></view>
  56. </view>
  57. <view style="width:698rpx;height: 308rpx;background: #FFFFFF;box-shadow: 0 3rpx 9rpx 0 rgba(19,65,138,0.17);border-radius: 20rpx;margin: auto;">
  58. <view style="display: flex;justify-content: space-between;padding: 30rpx 50rpx 20rpx 50rpx;">
  59. <view>
  60. <view style="display: flex;height:50rpx;">
  61. <view style="font-size: 42rpx;font-family: PingFang SC;font-weight: bold;color: #508FF4;height: 50rpx;line-height: 50rpx;">
  62. 1.2</view>
  63. <view style="font-size: 20rpx;color: #999999;margin: 20rpx 0 0 5rpx;">亿人</view>
  64. </view>
  65. <view style="text-align: center;font-weight: 500;color: #333333;font-size: 24rpx;font-family: PingFang SC;margin-top: 6rpx;">
  66. 接待旅客</view>
  67. </view>
  68. <view>
  69. <view style="display: flex;">
  70. <view style="font-size: 42rpx;font-family: PingFang SC;font-weight: bold;color: #508FF4;height: 50rpx;line-height: 50rpx;">
  71. 15</view>
  72. <view style="font-size: 20rpx;color: #999999;margin: 20rpx 0 0 5rpx;">分钟达</view>
  73. </view>
  74. <view style="text-align: center;font-weight: 500;color: #333333;font-size: 24rpx;font-family: PingFang SC;margin-top: 6rpx;">
  75. 重庆铁路物流园</view>
  76. </view>
  77. <view>
  78. <view style="display: flex;">
  79. <view style="font-size: 42rpx;font-family: PingFang SC;font-weight: bold;color: #508FF4;height: 50rpx;line-height: 50rpx;">
  80. 15</view>
  81. <view style="font-size: 20rpx;color: #999999;margin: 20rpx 0 0 5rpx;">分钟达</view>
  82. </view>
  83. <view style="text-align: center;font-weight: 500;color: #333333;font-size: 24rpx;font-family: PingFang SC;margin-top: 6rpx;">
  84. 江北国际机场</view>
  85. </view>
  86. </view>
  87. <view style="border-bottom: 1px solid #999999;margin: 20rpx 52rpx;" />
  88. <view>
  89. <view style="display: flex;margin-left: 52rpx;">
  90. <view style="font-size: 42rpx;font-family: PingFang SC;font-weight: bold;color: #508FF4;height: 50rpx;line-height: 50rpx;">
  91. 136</view>
  92. <view style="font-size: 20rpx;color: #999999;margin: 20rpx 0 0 5rpx;">公里</view>
  93. <image src="{{imgUrl}}na-rail.png" style="width: 91rpx;height:42rpx;margin: 11rpx 0 0 10rpx;" />
  94. <view style="width: 30rpx;height: 30rpx;line-height: 30rpx; background: #064BB5;border-radius: 50%;color: #FFFFFF;text-align: center;font-size: 20rpx;font-family: PingFang SC;font-weight: 500;margin: 19rpx 0 0 10rpx;">
  95. 3</view>
  96. <view style="width: 30rpx;height: 30rpx;line-height: 30rpx; background: #FA7193;border-radius: 50%;color: #FFFFFF;text-align: center;font-size: 20rpx;font-family: PingFang SC;font-weight: 500;margin: 19rpx 0 0 10rpx;">
  97. 6</view>
  98. <view style="width: 30rpx;height: 30rpx;line-height: 30rpx; background: #EBAE1F;border-radius: 50%;color: #FFFFFF;text-align: center;font-size: 20rpx;font-family: PingFang SC;font-weight: 500;margin: 19rpx 0 0 10rpx;">
  99. 环</view>
  100. <view style="width: 30rpx;height: 30rpx;line-height: 30rpx; background: #9E9E9E;border-radius: 50%;color: #FFFFFF;text-align: center;font-size: 20rpx;font-family: PingFang SC;font-weight: 500;margin: 19rpx 0 0 10rpx;">
  101. 8</view>
  102. <view style="width: 30rpx;height: 30rpx;line-height: 30rpx; background: #9E9E9E;border-radius: 50%;color: #FFFFFF;text-align: center;font-size: 20rpx;font-family: PingFang SC;font-weight: 500;margin: 19rpx 0 0 10rpx;">
  103. 20</view>
  104. <view style="width: 30rpx;height: 30rpx;line-height: 30rpx; background: #9E9E9E;border-radius: 50%;color: #FFFFFF;text-align: center;font-size: 20rpx;font-family: PingFang SC;font-weight: 500;margin: 19rpx 0 0 10rpx;">
  105. 27</view>
  106. <view style="width: 30rpx;height: 30rpx;line-height: 30rpx; background: #9E9E9E;border-radius: 50%;color: #FFFFFF;text-align: center;font-size: 20rpx;font-family: PingFang SC;font-weight: 500;margin: 19rpx 0 0 10rpx;">
  107. 28</view>
  108. </view>
  109. <view style="display: flex;margin-left: 52rpx;align-items: center;">
  110. <view style="font-size: 24rpx;color:#333;">城市轻轨</view>
  111. <view style="font-size: 20rpx;color: #999999;">(规划和在建)</view>
  112. </view>
  113. </view>
  114. </view>
  115. </view>
  116. <!-- 人文底蕴 -->
  117. <view>
  118. <view style="display:flex" class="content-top">
  119. <view class="content-line"></view>
  120. <view class="content-title">人文底蕴</view>
  121. <view class="content-more" bindtap="gotoMore3">查看更多 >></view>
  122. </view>
  123. <view style="width:698rpx;height: 652rpx;background: #FFFFFF;box-shadow: 0 3rpx 9rpx 0 rgba(19,65,138,0.17);border-radius: 20rpx;margin: auto;">
  124. <image src="{{imgUrl}}nais-humanity.png" style="width:660rpx;height:282rpx;margin: 25rpx 10rpx 40rpx 10rpx;" />
  125. <view style="display: flex;height: 25rpx;padding-left: 18rpx;">
  126. <image src="{{imgUrl}}nais-star.png" style="width: 26rpx;height:26rpx;margin-right: 10rpx;" />
  127. <view style="font-size: 24rpx;font-family: PingFang SC;font-weight: 500;color: #333333;padding-bottom: 40rpx;width: 612rpx;padding-right: -17rpx;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp:1;display: -webkit-box;-webkit-box-orient:vertical;">
  128. “两江四岸”核心区,历史母城重要组成部分;</view>
  129. </view>
  130. <view style="width: 612rpx;border-bottom: 1px solid #E8E8E8;margin: 20rpx 36rpx 30rpx 49rpx;" />
  131. <view style="display: flex;height: 65rpx;padding-left: 18rpx;">
  132. <image src="{{imgUrl}}nais-star.png" style="width: 26rpx;height:26rpx;margin-right: 10rpx;" />
  133. <view style="font-size: 24rpx;font-family: PingFang SC;font-weight: 500;color: #333333;padding-bottom: 40rpx;width: 590rpx;padding-right: -17rpx;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp:2;display: -webkit-box;-webkit-box-orient:vertical;">
  134. “长江风景眼”广阳岛、“城市会客厅”长嘉汇、“山城花冠”南山,绘就出“江、山、岛、湾、峡、湖、城”的大美画卷</view>
  135. </view>
  136. <view style="width: 612rpx;border-bottom: 1px solid #E8E8E8;margin: 20rpx 36rpx 30rpx 49rpx;" />
  137. <view style="display: flex;height: 65rpx;padding-left: 18rpx;">
  138. <image src="{{imgUrl}}nais-star.png" style="width: 26rpx;height:26rpx;margin-right: 10rpx;" />
  139. <view style="font-size: 24rpx;font-family: PingFang SC;font-weight: 500;color: #333333;padding-bottom: 40rpx;width: 590rpx;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp:2;display: -webkit-box;-webkit-box-orient:vertical;">
  140. 国家公共文化服务体系示范区、南滨路国家级文化产业示范园区、第二批国家文化和旅游消费试点城市、国家版权示范园区</view>
  141. </view>
  142. </view>
  143. </view>
  144. <!-- 资源优势 -->
  145. <view>
  146. <view style="display:flex" class="content-top">
  147. <view class="content-line"></view>
  148. <view class="content-title">资源优势</view>
  149. <view class="content-more" bindtap="gotoMore4">查看更多 >></view>
  150. </view>
  151. <view style="width:698rpx;height: 341rpx;background: #FFFFFF;box-shadow: 0 3rpx 9rpx 0 rgba(19,65,138,0.17);border-radius: 20rpx;margin: auto;">
  152. <view style="display: flex;justify-content: space-between;padding: 30rpx 50rpx 20rpx 50rpx;">
  153. <view>
  154. <view style="display: flex;height:50rpx;margin-left: 93rpx;">
  155. <view style="font-size: 42rpx;font-family: PingFang SC;font-weight: bold;color: #508FF4;height: 50rpx;line-height: 50rpx;">
  156. 50</view>
  157. <view style="font-size: 20rpx;color: #999999;margin: 20rpx 0 0 5rpx;">公里</view>
  158. </view>
  159. <view style="text-align: center;font-weight: 500;color: #333333;font-size: 24rpx;font-family: PingFang SC;margin-top: 6rpx;">
  160. 长江上游第一大岛广阳岛</view>
  161. </view>
  162. <view>
  163. <view style="display: flex;margin-left: 52rpx;">
  164. <view style="font-size: 42rpx;font-family: PingFang SC;font-weight: bold;color: #508FF4;height: 50rpx;line-height: 50rpx;">
  165. 4</view>
  166. <view style="font-size: 20rpx;color: #999999;margin: 20rpx 0 0 5rpx;">个</view>
  167. </view>
  168. <view style="text-align: center;font-weight: 500;color: #333333;font-size: 24rpx;font-family: PingFang SC;margin-top: 6rpx;">
  169. 国家级产业基地</view>
  170. </view>
  171. <view>
  172. <view style="display: flex;margin-left: 26rpx;">
  173. <view style="font-size: 42rpx;font-family: PingFang SC;font-weight: bold;color: #508FF4;height: 50rpx;line-height: 50rpx;">
  174. 5</view>
  175. <view style="font-size: 20rpx;color: #999999;margin: 20rpx 0 0 5rpx;">个</view>
  176. </view>
  177. <view style="text-align: center;font-weight: 500;color: #333333;font-size: 24rpx;font-family: PingFang SC;margin-top: 6rpx;">
  178. 高等院校</view>
  179. </view>
  180. </view>
  181. <view style="display: flex;justify-content: space-between;padding: 30rpx 30rpx 20rpx 30rpx;">
  182. <view style="margin-left: 30rpx;">
  183. <view style="display: flex;margin-left: 46rpx;">
  184. <view style="font-size: 42rpx;font-family: PingFang SC;font-weight: bold;color: #508FF4;height: 50rpx;line-height: 50rpx;">
  185. 18</view>
  186. <view style="font-size: 20rpx;color: #999999;margin: 20rpx 0 0 5rpx;">个</view>
  187. </view>
  188. <view style="text-align: center;font-weight: 500;color: #333333;font-size: 24rpx;font-family: PingFang SC;margin-top: 6rpx;">
  189. 国家级科研平台</view>
  190. </view>
  191. <view>
  192. <view style="display: flex;flex-wrap: wrap;width: 420rpx;">
  193. <view style="width: 143rpx;height: 43rpx;background: #DFEBFD;border-radius: 10rpx;font-weight: 500;color: #508FF4;font-size: 20rpx;font-family: PingFang SC;line-height: 43rpx;text-align: center; padding: 0 10rpx;margin: 5rpx 5rpx 5rpx 20rpx;">
  194. 中国科学院大学</view>
  195. <view style="width: 83rpx;height: 43rpx;background: #DFEBFD;border-radius: 10rpx;font-weight: 500;color: #508FF4;font-size: 20rpx;font-family: PingFang SC;line-height: 43rpx;text-align: center;padding: 0 10rpx;margin: 5rpx;">
  196. 清华大学</view>
  197. <view style="width: 83rpx;height: 43rpx;background: #DFEBFD;border-radius: 10rpx;font-weight: 500;color: #508FF4;font-size: 20rpx;font-family: PingFang SC;line-height: 43rpx;text-align: center;padding: 0 10rpx;margin: 5rpx;">
  198. 同济大学</view>
  199. <view style="width: 124rpx;height: 43rpx;background: #DFEBFD;border-radius: 10rpx;font-weight: 500;color: #508FF4;font-size: 20rpx;font-family: PingFang SC;line-height: 43rpx;text-align: center;padding: 0 10rpx;margin: 5rpx 5rpx 0 60rpx;">
  200. 中国地质大学</view>
  201. <view style="width: 124rpx;height: 43rpx;background: #DFEBFD;border-radius: 10rpx;font-weight: 500;color: #508FF4;font-size: 20rpx;font-family: PingFang SC;line-height: 43rpx;text-align: center;padding: 0 10rpx;margin: 5rpx;">
  202. 武汉理工大学</view>
  203. </view>
  204. <view style="text-align: center;font-weight: 500;color: #333333;font-size: 24rpx;font-family: PingFang SC;">
  205. 知名高校合作</view>
  206. </view>
  207. </view>
  208. </view>
  209. </view>
  210. <!-- 产业特色 -->
  211. <view>
  212. <view style="display:flex" class="content-top">
  213. <view class="content-line"></view>
  214. <view class="content-title">产业特色</view>
  215. <view class="content-more" bindtap="gotoMore5">查看更多 >></view>
  216. </view>
  217. <view style="width:698rpx;height: 520rpx;background: #FFFFFF;box-shadow: 0 3rpx 9rpx 0 rgba(19,65,138,0.17);border-radius: 20rpx;margin: auto;position: relative;">
  218. <view style="width: 190rpx;height: 190rpx;background: #CFE4F6;border-radius: 50%;position: absolute;top: 43rpx;left: 79rpx;">
  219. <view style="font-size: 24rpx;font-family: PingFang SC;font-weight: bold;color: #4CA6E7;position: absolute;top: 31rpx;left: 59rpx;">大数据</view>
  220. <view style="font-size: 20rpx;font-family: PingFang SC;font-weight: 500;color: #666666;width: 129rpx;height:108rpx;position: absolute;top: 64rpx;left: 38rpx;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp:4;display: -webkit-box;-webkit-box-orient:vertical;">智能终端、智能制造、工业互联网等产业蓬勃发展...</view>
  221. </view>
  222. <view style="width: 184rpx;height: 184rpx;background: #D6D8F5;border-radius: 50%;position: absolute;top: 44rpx;right: 79rpx;">
  223. <view style="font-size: 24rpx;font-family: PingFang SC;font-weight: bold;color: #6767BD;position: absolute;top: 31rpx;left: 59rpx;">大健康</view>
  224. <view style="font-size: 20rpx;font-family: PingFang SC;font-weight: 500;color: #666666;width: 140rpx;height:80rpx;position: absolute;top: 72rpx;left: 30rpx;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp:3;display: -webkit-box;-webkit-box-orient:vertical;">一批知名企业,大健康产业集群正加快形成...</view>
  225. </view>
  226. <view style="width: 166rpx;height: 166rpx;background: #C2EEEE;border-radius: 50%;position: absolute;left: 40rpx;bottom: 86rpx;">
  227. <view style="font-size: 24rpx;font-family: PingFang SC;font-weight: bold;color: #20AAA7;position: absolute;top: 23rpx;left: 48rpx;">大生态</view>
  228. <view style="font-size: 20rpx;font-family: PingFang SC;font-weight: 500;color: #666666;width: 129rpx;height:80rpx;position: absolute;top: 61rpx;left: 24rpx;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp:3;display: -webkit-box;-webkit-box-orient:vertical;">重庆经开区入选国家绿色产业示范基地...</view>
  229. </view>
  230. <view style="width: 192rpx;height: 192rpx;background: #F7DAD5;border-radius: 50%;position: absolute;bottom: 35rpx;left: 243rpx;">
  231. <view style="font-size: 24rpx;font-family: PingFang SC;font-weight: bold;color: #F18365;position: absolute;top: 26rpx;left: 60rpx;">大文旅</view>
  232. <view style="font-size: 20rpx;font-family: PingFang SC;font-weight: 500;color: #666666;width: 140rpx;height:91rpx;position: absolute;top: 63rpx;left: 38rpx;">弹子石、龙门浩、慈云寺等历史文化街区串珠成链...</view>
  233. </view>
  234. <view style="width: 177rpx;height: 177rpx;background: #F7EED4;border-radius: 50%;position: absolute;bottom: 80rpx;right: 47rpx;">
  235. <view style="font-size: 24rpx;font-family: PingFang SC;font-weight: bold;color: #FAC011;position: absolute;top: 21rpx;left: 53rpx;">新经济</view>
  236. <view style="font-size: 20rpx;font-family: PingFang SC;font-weight: 500;color: #666666;width: 120rpx;height:92rpx;position: absolute;top: 52rpx;left: 35rpx;">正在加快打造富有巴蜀特色的国际消费目的地...</view>
  237. </view>
  238. <view style="width: 196rpx;height: 64rpx;border: 6rpx dashed #508FF4;border-radius: 10rpx;line-height: 64rpx;position: absolute;top: 208rpx;left: 253rpx;font-weight: bold;color: #508FF4;font-size: 32rpx;font-family: PingFang SC;text-align: center;">“四大一新”</view>
  239. </view>
  240. </view>
  241. <!-- 印象南岸 -->
  242. <view>
  243. <view style="display:flex" class="content-top">
  244. <view class="content-line"></view>
  245. <view class="content-title">印象南岸</view>
  246. <view class="content-more" bindtap="gotoMore6">查看更多 >></view>
  247. </view>
  248. <view style="width:698rpx;height: 1352rpx;background: #FFFFFF;box-shadow: 0 3rpx 9rpx 0 rgba(19,65,138,0.17);border-radius: 20rpx;margin: auto;padding: 20rpx;box-sizing: border-box;">
  249. <!-- 小人 -->
  250. <view style="height: 268rpx;width: 100%;display: flex;align-items:center;justify-content:center">
  251. <view style="height: 100%;width: 210rpx;">
  252. <image src="{{imgUrl}}nais-people.png" style="height: 268rpx;width: 203rpx"></image>
  253. </view>
  254. <view style="height: 100%;width: 450rpx;">
  255. <view style="width: 434rpx;height: 120rpx;position:relative">
  256. <view style="top: 55rpx;left: -30rpx;position:absolute;width: 434rpx;height: 120rpx;background-image: url({{imgUrl}}nais-message-box.png);background-size: 100% 100%;display:flex;align-items:center;justify-content:flex-end">
  257. <view style="width: 349rpx;font-size: 22rpx;color: #508FF4;font-weight: 500;">
  258. “山水人文都市区、智慧创新生态城”,一起来领略南岸之美吧!
  259. </view>
  260. </view>
  261. </view>
  262. </view>
  263. </view>
  264. <!-- 滨江路 -->
  265. <view style="height: 220rpx;width: 100%;display: flex;align-items: center;justify-content:center">
  266. <view style="width:240rpx;display:flex;align-items:center;justify-content:flex-end">
  267. <view style="width: 179rpx;height: 43rpx;font-size:20rpx;color: #666666;padding-bottom:20rpx">踱步桥上,放眼望去 两岸一派美景。
  268. </view>
  269. </view>
  270. <view style="height: 100%;width: 432rpx;position:relative">
  271. <view style="top: -60rpx;position:absolute">
  272. <image src="{{imgUrl}}nais-binjiang.png" style="height: 246rpx;width:412rpx;"></image>
  273. </view>
  274. <view style="top: 30rpx;left: -160rpx;position:absolute;width: 190rpx;color: #137BE6;font-size: 30rpx;background: linear-gradient(90deg, #FFFFFF 20%, #137BE640 100%);">
  275. 最美滨江路</view>
  276. </view>
  277. </view>
  278. <!-- 滨江路 -->
  279. <!-- 广阳湾 -->
  280. <view style="height: 250rpx;width: 100%;display: flex;align-items: center;justify-content:center;margin-top: 10rpx">
  281. <view style="height: 100%;width: 432rpx;position:relative">
  282. <view style="position:absolute">
  283. <image src="{{imgUrl}}nais-guangyangwan.png" style="height: 246rpx;width:412rpx;"></image>
  284. </view>
  285. <view style="top: 75rpx;right: -225rpx;position:absolute;width: 254rpx;color: #77450F;font-size: 30rpx;background: linear-gradient(to left, #FFFFFF 20%, #FEB42280 100%);padding-left: 17rpx;">
  286. 广阳湾智创生态城</view>
  287. </view>
  288. <view style="width:240rpx;display:flex;align-items:center;justify-content:flex-start">
  289. <view style="width: 199rpx;height: 43rpx;font-size:20rpx;color: #666666;padding-top:50rpx;padding-left:10rpx">“国际化、绿色化、智能化、人文化”现代城市的绿色之约。
  290. </view>
  291. </view>
  292. </view>
  293. <!-- 广阳湾 -->
  294. <!-- 长嘉汇弹子石老街 -->
  295. <view style="height: 250rpx;width: 100%;display: flex;align-items: center;justify-content:center;margin-top: 40rpx">
  296. <view style="width:240rpx;display:flex;align-items:center;justify-content:flex-end">
  297. <view style="width: 209rpx;height: 43rpx;font-size:20rpx;color: #666666;padding-top:50rpx;padding-right: 10rpx">
  298. 全国唯一以 “开埠文化与城市九级坡地地貌”为主题的旅游景区。</view>
  299. </view>
  300. <view style="height: 100%;width: 432rpx;position:relative">
  301. <view style="position:absolute">
  302. <image src="{{imgUrl}}nais-chajia.png" style="height: 246rpx;width:412rpx;"></image>
  303. </view>
  304. <view style="top: 75rpx;left: -238rpx;position:absolute;width: 254rpx;color: #455D05;font-size: 30rpx;background: linear-gradient(90deg, #FFFFFF 20%, #CCE07E80 100%);padding-right: 19rpx;">
  305. 长嘉汇弹子石老街</view>
  306. </view>
  307. </view>
  308. <!-- 长嘉汇弹子石老街 -->
  309. <!-- 南山 -->
  310. <view style="height: 250rpx;width: 100%;display: flex;align-items: center;justify-content:center;margin-top: 40rpx">
  311. <view style="height: 100%;width: 432rpx;position:relative">
  312. <view style="position:absolute">
  313. <image src="{{imgUrl}}nais-nanshan.png" style="height: 246rpx;width:412rpx;"></image>
  314. </view>
  315. <view style="top: 75rpx;right: -212rpx;position:absolute;width: 254rpx;color: #713708;font-size: 30rpx;background: linear-gradient(to left, #FFFFFF 20%, #FEE3D8B0 100%);padding-left: 10rpx;">
  316. 南山城市山地公园</view>
  317. </view>
  318. <view style="width:240rpx;display:flex;align-items:center;justify-content:flex-start">
  319. <view style="width: 199rpx;height: 43rpx;font-size:20rpx;color: #666666;padding-top:50rpx;padding-left:10rpx">畅通南山、生态南山 活力南山、文化南山
  320. </view>
  321. </view>
  322. </view>
  323. <!-- 南山 -->
  324. </view>
  325. </view>
  326. <!-- 更是美食聚集地 -->
  327. <view style="width: 100%;height: 1100rpx;margin-top: 20rpx">
  328. <!-- 更是美食聚集地 -->
  329. <view style="width: 100%;height: 1100rpx;margin-top: 20rpx">
  330. <view style="width: 100%;height: 78rpx;display:flex;align-items:center;justify-content:center">
  331. <view style="height: 78rpx;width: 346rpx;background-image: url({{imgUrl}}nais-more-head.png);background-size: 100% 100%;display:flex;align-items:center;justify-content:center">
  332. <view style="height: 100%;font-size:30rpx;color:#75A3F3;display:flex;align-items:center;justify-content:center;font-weight: bold;">
  333. 更是美食聚集地
  334. </view>
  335. </view>
  336. </view>
  337. <!-- 内容 -->
  338. <view style="height: 500rpx;width: 100%;display:flex;align-items:center;justify-content:center;margin-top: 20rpx">
  339. <view style="height: 100%;width: 50%;display:flex;flex-direction: column;justify-content:flex-start">
  340. <view style="display: flex;flex-direction: column;margin-bottom: 10rpx">
  341. <view style="display: flex;align-items: center;justify-content: center">
  342. <image src="{{imgUrl}}nais-chichen.png" style="height: 271rpx;width: 307rpx"></image>
  343. </view>
  344. <view style="display:flex;align-items:center;justify-content:center;font-size:25rpx; font-weight: bold;color: #333333;margin-top: 10rpx">
  345. 南山泉水鸡</view>
  346. </view>
  347. <view style="display: flex;flex-direction: column;margin-bottom: 10rpx">
  348. <view style="display: flex;align-items: center;justify-content: center">
  349. <image src="{{imgUrl}}nais-mahua.png" style="height: 226rpx;width: 307rpx"></image>
  350. </view>
  351. <view style="display:flex;align-items:center;justify-content:center;font-size:25rpx; font-weight: bold;color: #333333;margin-top: 10rpx">
  352. 醪糟麻花</view>
  353. </view>
  354. <view style="display: flex;flex-direction: column;">
  355. <view style="display: flex;align-items: center;justify-content: center">
  356. <image src="{{imgUrl}}nais-tangyuan.png" style="height: 226rpx;width: 307rpx"></image>
  357. </view>
  358. <view style="display:flex;align-items:center;justify-content:center;font-size:25rpx; font-weight: bold;color: #333333;margin-top: 10rpx">
  359. 山城小汤圆</view>
  360. </view>
  361. </view>
  362. <view style="height: 100%;width: 50%;display:flex;flex-direction: column;">
  363. <view style="display: flex;flex-direction: column;margin-bottom: 10rpx">
  364. <view style="display: flex;align-items: center;justify-content: center">
  365. <image src="{{imgUrl}}nais-hotpot.png" style="height: 226rpx;width: 307rpx"></image>
  366. </view>
  367. <view style="display:flex;align-items:center;justify-content:center;font-size:25rpx; font-weight: bold;color: #333333;margin-top: 10rpx">
  368. 山城老火锅</view>
  369. </view>
  370. <view style="display: flex;flex-direction: column;margin-bottom: 10rpx">
  371. <view style="display: flex;align-items: center;justify-content: center">
  372. <image src="{{imgUrl}}nais-huasheng.png" style="height: 226rpx;width: 307rpx"></image>
  373. </view>
  374. <view style="display:flex;align-items:center;justify-content:center;font-size:25rpx; font-weight: bold;color: #333333;margin-top: 10rpx">
  375. 花生粘</view>
  376. </view>
  377. <view style="display: flex;flex-direction: column;margin-bottom: 10rpx">
  378. <view style="display: flex;align-items: center;justify-content: center">
  379. <image src="{{imgUrl}}nais-baozi.png" style="height: 271rpx;width: 307rpx"></image>
  380. </view>
  381. <view style="display:flex;align-items:center;justify-content:center;font-size:25rpx; font-weight: bold;color: #333333;margin-top: 10rpx">
  382. 熨斗糕</view>
  383. </view>
  384. </view>
  385. </view>
  386. </view>
  387. <!-- 更是美食聚集地 -->
  388. </view>
  389. </scroll-view>
  390. </view>