Forráskód Böngészése

小程序这是南岸

zwq 2 éve
szülő
commit
ab42c8146b

+ 261 - 142
nngkxxdp/src/main/resources/static/nnzwminiapp/pages/nais/nais.wxml

@@ -1,163 +1,276 @@
 <!--pages/nais/nais.wxml-->
 <view style="background-color: #EEEEEE;">
-	<!-- 顶部栏 -->
-	<view style="position: relative;">
-		<image src="{{imgUrl}}nais-bg.png" style="width: 100%;height:454rpx"></image>
-		<view style="position: absolute;top: {{navHeight}}rpx;font-size: 34rpx;font-weight: 500;color: #333333;left: 50%;transform: translateX(-50%);">这是南岸</view>
-	</view>
-	<view style="width:679rpx;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%;">
-		<view style="display: flex;justify-content: space-between;padding: 30rpx 50rpx 20rpx 50rpx;">
-			<view>
-				<view style="display: flex;height:50rpx;">
-					<view style="font-size: 42rpx;font-family: PingFang SC;font-weight: bold;color: #508FF4;height: 50rpx;line-height: 50rpx;">262</view>
-					<view style="font-size: 20rpx;color: #999999;margin: 20rpx 0 0 5rpx;">平方公里</view>
-				</view>
-				<view style="text-align: center;font-weight: 500;color: #333333;font-size: 24rpx;font-family: PingFang SC;">面积</view>
-			</view>
-			<view>
-				<view style="display: flex;">
-					<view style="font-size: 42rpx;font-family: PingFang SC;font-weight: bold;color: #508FF4;height: 50rpx;line-height: 50rpx;">120</view>
-					<view style="font-size: 20rpx;color: #999999;margin: 20rpx 0 0 5rpx;">万</view>
-				</view>
-				<view style="text-align: center;font-weight: 500;color: #333333;font-size: 24rpx;font-family: PingFang SC;">常住人口</view>
-			</view>
-			<view>
-				<view style="display: flex;">
-					<view style="font-size: 42rpx;font-family: PingFang SC;font-weight: bold;color: #508FF4;height: 50rpx;line-height: 50rpx;">20+</view>
-					<view style="font-size: 20rpx;color: #999999;margin: 20rpx 0 0 5rpx;">个</view>
-				</view>
-				<view style="text-align: center;font-weight: 500;color: #333333;font-size: 24rpx;font-family: PingFang SC;">荣誉</view>
-			</view>
-		</view>
-		<view>
-			<view style="border: 1px solid #36C2F6;margin: 0 30rpx;font-size: 24rpx;font-family: PingFang SC;font-weight: 500;color: #1EA7DA;padding: 16rpx 0 15rpx 23rpx;">最能体现重庆山水之城、美丽之地的区域。</view>
-			<view style="border: 1px solid #F18564;margin: 10rpx 30rpx 10rpx 30rpx;font-size: 24rpx;font-family: PingFang SC;font-weight: 500;color: #F18464;padding: 16rpx 0 15rpx 23rpx;">51公里长江水岸,8公里的南滨湾区,50平方公里的南山。</view>
-			<view style="border: 1px solid #29B0AB;margin: 0 30rpx;font-size: 24rpx;font-family: PingFang SC;font-weight: 500;color: #27ADA8;padding: 16rpx 0 15rpx 23rpx;">重庆市的“城市会客厅”,“主城绿肺、山城花冠”。</view>
-		</view>
-		<view class="content-more" style="text-align: center;margin-top: 30rpx;">查看更多>></view>
-	</view>
-	<!-- 区位条件 -->
-	<view>
-		<view style="display:flex" class="content-top">
-			<view class="content-line"></view>
-			<view class="content-title">区位条件</view>
-			<view class="content-more" bindtap="goToMore">查看更多 >></view>
-		</view>
-		<view style="width:679rpx;height: 308rpx;background: #FFFFFF;box-shadow: 0 3rpx 9rpx 0 rgba(19,65,138,0.17);border-radius: 20rpx;margin: auto;">
-			<view style="display: flex;justify-content: space-between;padding: 30rpx 50rpx 20rpx 50rpx;">
-				<view>
-					<view style="display: flex;height:50rpx;">
-						<view style="font-size: 42rpx;font-family: PingFang SC;font-weight: bold;color: #508FF4;height: 50rpx;line-height: 50rpx;">1.2</view>
-						<view style="font-size: 20rpx;color: #999999;margin: 20rpx 0 0 5rpx;">亿人</view>
-					</view>
-					<view style="text-align: center;font-weight: 500;color: #333333;font-size: 24rpx;font-family: PingFang SC;">接待旅客</view>
-				</view>
-				<view>
-					<view style="display: flex;">
-						<view style="font-size: 42rpx;font-family: PingFang SC;font-weight: bold;color: #508FF4;height: 50rpx;line-height: 50rpx;">15</view>
-						<view style="font-size: 20rpx;color: #999999;margin: 20rpx 0 0 5rpx;">分钟达</view>
-					</view>
-					<view style="text-align: center;font-weight: 500;color: #333333;font-size: 24rpx;font-family: PingFang SC;">重庆铁路物流园</view>
-				</view>
-				<view>
-					<view style="display: flex;">
-						<view style="font-size: 42rpx;font-family: PingFang SC;font-weight: bold;color: #508FF4;height: 50rpx;line-height: 50rpx;">15</view>
-						<view style="font-size: 20rpx;color: #999999;margin: 20rpx 0 0 5rpx;">分钟达</view>
-					</view>
-					<view style="text-align: center;font-weight: 500;color: #333333;font-size: 24rpx;font-family: PingFang SC;">江北国际机场</view>
-				</view>
-			</view>
-			<view style="border-bottom: 1px solid #999999;margin: 20rpx 52rpx;" />
-			<view>
-				<view style="display: flex;margin-left: 52rpx;">
-					<view style="font-size: 42rpx;font-family: PingFang SC;font-weight: bold;color: #508FF4;height: 50rpx;line-height: 50rpx;">136</view>
-					<view style="font-size: 20rpx;color: #999999;margin: 20rpx 0 0 5rpx;">公里</view>
-					<image src="{{imgUrl}}na-rail.png" style="width: 91rpx;height:42rpx;margin: 11rpx 0 0 10rpx;" />
-					<view style="width: 30rpx;height: 30rpx;background: #064BB5;border-radius: 50%;color: #FFFFFF;text-align: center;font-size: 20rpx;font-family: PingFang SC;font-weight: 500;margin: 13rpx 0 0 10rpx;">3</view>
-					<view style="width: 30rpx;height: 30rpx;background: #FA7193;border-radius: 50%;color: #FFFFFF;text-align: center;font-size: 20rpx;font-family: PingFang SC;font-weight: 500;margin: 13rpx 0 0 10rpx;">6</view>
-					<view style="width: 30rpx;height: 30rpx;background: #EBAE1F;border-radius: 50%;color: #FFFFFF;text-align: center;font-size: 20rpx;font-family: PingFang SC;font-weight: 500;margin: 13rpx 0 0 10rpx;">环</view>
-					<view style="width: 30rpx;height: 30rpx;background: #9E9E9E;border-radius: 50%;color: #FFFFFF;text-align: center;font-size: 20rpx;font-family: PingFang SC;font-weight: 500;margin: 13rpx 0 0 10rpx;">8</view>
-					<view style="width: 30rpx;height: 30rpx;background: #9E9E9E;border-radius: 50%;color: #FFFFFF;text-align: center;font-size: 20rpx;font-family: PingFang SC;font-weight: 500;margin: 13rpx 0 0 10rpx;">20</view>
-					<view style="width: 30rpx;height: 30rpx;background: #9E9E9E;border-radius: 50%;color: #FFFFFF;text-align: center;font-size: 20rpx;font-family: PingFang SC;font-weight: 500;margin: 13rpx 0 0 10rpx;">27</view>
-					<view style="width: 30rpx;height: 30rpx;background: #9E9E9E;border-radius: 50%;color: #FFFFFF;text-align: center;font-size: 20rpx;font-family: PingFang SC;font-weight: 500;margin: 13rpx 0 0 10rpx;">28</view>
-				</view>
-				<view style="display: flex;margin-left: 52rpx;">
-					<view>城市轻轨</view>
-					<view style="font-size: 20rpx;color: #999999;margin: 15rpx 0 0 5rpx;">(规划和在建)</view>
-				</view>
-			</view>
-		</view>
-	</view>
-	<!-- 人文底蕴 -->
-	<view>
-		<view style="display:flex" class="content-top">
-			<view class="content-line"></view>
-			<view class="content-title">人文底蕴</view>
-			<view class="content-more" bindtap="goToMore">查看更多 >></view>
-		</view>
-		<view style="width:679rpx;height: 615rpx;background: #FFFFFF;box-shadow: 0 3rpx 9rpx 0 rgba(19,65,138,0.17);border-radius: 20rpx;margin: auto;">
-		</view>
-	</view>
-	<!-- 资源优势 -->
-	<view>
-		<view style="display:flex" class="content-top">
-			<view class="content-line"></view>
-			<view class="content-title">资源优势</view>
-			<view class="content-more" bindtap="goToMore">查看更多 >></view>
-		</view>
-		<view style="width:679rpx;height: 341rpx;background: #FFFFFF;box-shadow: 0 3rpx 9rpx 0 rgba(19,65,138,0.17);border-radius: 20rpx;margin: auto;">
-		</view>
-	</view>
-	<!-- 产业特色 -->
-	<view>
-		<view style="display:flex" class="content-top">
-			<view class="content-line"></view>
-			<view class="content-title">产业特色</view>
-			<view class="content-more" bindtap="goToMore">查看更多 >></view>
-		</view>
-		<view style="width:679rpx;height: 520rpx;background: #FFFFFF;box-shadow: 0 3rpx 9rpx 0 rgba(19,65,138,0.17);border-radius: 20rpx;margin: auto;">
-		</view>
-	</view>
-	<!-- 印象南岸 -->
-	<view>
-		<view style="display:flex" class="content-top">
-			<view class="content-line"></view>
-			<view class="content-title">印象南岸</view>
-			<view class="content-more" bindtap="goToMore">查看更多 >></view>
-		</view>
-		<view style="width:679rpx;height: 1412rpx;background: #FFFFFF;box-shadow: 0 3rpx 9rpx 0 rgba(19,65,138,0.17);border-radius: 20rpx;margin: auto;">
-		</view>
-	</view>
-	<!-- 更是美食聚集地 -->
-	<view style="width: 100%;height: 1100rpx;margin-top: 20rpx">
-		<view style="width: 100%;height: 78rpx;display:flex;align-items:center;justify-content:center">
-      <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">
-        <view style="height: 100%;font-size:30rpx;color:#75A3F3;display:flex;align-items:center;justify-content:center;font-weight: bold;">更是美食聚集地
+  <!-- 顶部栏 -->
+  <view style="position: relative;">
+    <image src="{{imgUrl}}nais-bg.png" style="width: 100%;height:454rpx"></image>
+    <view
+      style="position: absolute;top: {{navHeight}}rpx;font-size: 34rpx;font-weight: 500;color: #333333;left: 50%;transform: translateX(-50%);">
+      这是南岸</view>
+  </view>
+  <view
+    style="width:679rpx;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%;">
+    <view style="display: flex;justify-content: space-between;padding: 30rpx 50rpx 20rpx 50rpx;">
+      <view>
+        <view style="display: flex;height:50rpx;">
+          <view
+            style="font-size: 42rpx;font-family: PingFang SC;font-weight: bold;color: #508FF4;height: 50rpx;line-height: 50rpx;">
+            262</view>
+          <view style="font-size: 20rpx;color: #999999;margin: 20rpx 0 0 5rpx;">平方公里</view>
+        </view>
+        <view style="text-align: center;font-weight: 500;color: #333333;font-size: 24rpx;font-family: PingFang SC;">面积
+        </view>
+      </view>
+      <view>
+        <view style="display: flex;">
+          <view
+            style="font-size: 42rpx;font-family: PingFang SC;font-weight: bold;color: #508FF4;height: 50rpx;line-height: 50rpx;">
+            120</view>
+          <view style="font-size: 20rpx;color: #999999;margin: 20rpx 0 0 5rpx;">万</view>
+        </view>
+        <view style="text-align: center;font-weight: 500;color: #333333;font-size: 24rpx;font-family: PingFang SC;">常住人口
+        </view>
+      </view>
+      <view>
+        <view style="display: flex;">
+          <view
+            style="font-size: 42rpx;font-family: PingFang SC;font-weight: bold;color: #508FF4;height: 50rpx;line-height: 50rpx;">
+            20+</view>
+          <view style="font-size: 20rpx;color: #999999;margin: 20rpx 0 0 5rpx;">个</view>
+        </view>
+        <view style="text-align: center;font-weight: 500;color: #333333;font-size: 24rpx;font-family: PingFang SC;">荣誉
+        </view>
+      </view>
+    </view>
+    <view>
+      <view
+        style="border: 1px solid #36C2F6;margin: 0 30rpx;font-size: 24rpx;font-family: PingFang SC;font-weight: 500;color: #1EA7DA;padding: 16rpx 0 15rpx 23rpx;">
+        最能体现重庆山水之城、美丽之地的区域。</view>
+      <view
+        style="border: 1px solid #F18564;margin: 10rpx 30rpx 10rpx 30rpx;font-size: 24rpx;font-family: PingFang SC;font-weight: 500;color: #F18464;padding: 16rpx 0 15rpx 23rpx;">
+        51公里长江水岸,8公里的南滨湾区,50平方公里的南山。</view>
+      <view
+        style="border: 1px solid #29B0AB;margin: 0 30rpx;font-size: 24rpx;font-family: PingFang SC;font-weight: 500;color: #27ADA8;padding: 16rpx 0 15rpx 23rpx;">
+        重庆市的“城市会客厅”,“主城绿肺、山城花冠”。</view>
+    </view>
+    <view class="content-more" style="text-align: center;margin-top: 30rpx;">查看更多>></view>
+  </view>
+  <!-- 区位条件 -->
+  <view>
+    <view style="display:flex" class="content-top">
+      <view class="content-line"></view>
+      <view class="content-title">区位条件</view>
+      <view class="content-more" bindtap="goToMore">查看更多 >></view>
+    </view>
+    <view
+      style="width:679rpx;height: 308rpx;background: #FFFFFF;box-shadow: 0 3rpx 9rpx 0 rgba(19,65,138,0.17);border-radius: 20rpx;margin: auto;">
+      <view style="display: flex;justify-content: space-between;padding: 30rpx 50rpx 20rpx 50rpx;">
+        <view>
+          <view style="display: flex;height:50rpx;">
+            <view
+              style="font-size: 42rpx;font-family: PingFang SC;font-weight: bold;color: #508FF4;height: 50rpx;line-height: 50rpx;">
+              1.2</view>
+            <view style="font-size: 20rpx;color: #999999;margin: 20rpx 0 0 5rpx;">亿人</view>
+          </view>
+          <view style="text-align: center;font-weight: 500;color: #333333;font-size: 24rpx;font-family: PingFang SC;">
+            接待旅客</view>
+        </view>
+        <view>
+          <view style="display: flex;">
+            <view
+              style="font-size: 42rpx;font-family: PingFang SC;font-weight: bold;color: #508FF4;height: 50rpx;line-height: 50rpx;">
+              15</view>
+            <view style="font-size: 20rpx;color: #999999;margin: 20rpx 0 0 5rpx;">分钟达</view>
+          </view>
+          <view style="text-align: center;font-weight: 500;color: #333333;font-size: 24rpx;font-family: PingFang SC;">
+            重庆铁路物流园</view>
+        </view>
+        <view>
+          <view style="display: flex;">
+            <view
+              style="font-size: 42rpx;font-family: PingFang SC;font-weight: bold;color: #508FF4;height: 50rpx;line-height: 50rpx;">
+              15</view>
+            <view style="font-size: 20rpx;color: #999999;margin: 20rpx 0 0 5rpx;">分钟达</view>
+          </view>
+          <view style="text-align: center;font-weight: 500;color: #333333;font-size: 24rpx;font-family: PingFang SC;">
+            江北国际机场</view>
+        </view>
+      </view>
+      <view style="border-bottom: 1px solid #999999;margin: 20rpx 52rpx;" />
+      <view>
+        <view style="display: flex;margin-left: 52rpx;">
+          <view
+            style="font-size: 42rpx;font-family: PingFang SC;font-weight: bold;color: #508FF4;height: 50rpx;line-height: 50rpx;">
+            136</view>
+          <view style="font-size: 20rpx;color: #999999;margin: 20rpx 0 0 5rpx;">公里</view>
+          <image src="{{imgUrl}}na-rail.png" style="width: 91rpx;height:42rpx;margin: 11rpx 0 0 10rpx;" />
+          <view
+            style="width: 30rpx;height: 30rpx;background: #064BB5;border-radius: 50%;color: #FFFFFF;text-align: center;font-size: 20rpx;font-family: PingFang SC;font-weight: 500;margin: 13rpx 0 0 10rpx;">
+            3</view>
+          <view
+            style="width: 30rpx;height: 30rpx;background: #FA7193;border-radius: 50%;color: #FFFFFF;text-align: center;font-size: 20rpx;font-family: PingFang SC;font-weight: 500;margin: 13rpx 0 0 10rpx;">
+            6</view>
+          <view
+            style="width: 30rpx;height: 30rpx;background: #EBAE1F;border-radius: 50%;color: #FFFFFF;text-align: center;font-size: 20rpx;font-family: PingFang SC;font-weight: 500;margin: 13rpx 0 0 10rpx;">
+            环</view>
+          <view
+            style="width: 30rpx;height: 30rpx;background: #9E9E9E;border-radius: 50%;color: #FFFFFF;text-align: center;font-size: 20rpx;font-family: PingFang SC;font-weight: 500;margin: 13rpx 0 0 10rpx;">
+            8</view>
+          <view
+            style="width: 30rpx;height: 30rpx;background: #9E9E9E;border-radius: 50%;color: #FFFFFF;text-align: center;font-size: 20rpx;font-family: PingFang SC;font-weight: 500;margin: 13rpx 0 0 10rpx;">
+            20</view>
+          <view
+            style="width: 30rpx;height: 30rpx;background: #9E9E9E;border-radius: 50%;color: #FFFFFF;text-align: center;font-size: 20rpx;font-family: PingFang SC;font-weight: 500;margin: 13rpx 0 0 10rpx;">
+            27</view>
+          <view
+            style="width: 30rpx;height: 30rpx;background: #9E9E9E;border-radius: 50%;color: #FFFFFF;text-align: center;font-size: 20rpx;font-family: PingFang SC;font-weight: 500;margin: 13rpx 0 0 10rpx;">
+            28</view>
+        </view>
+        <view style="display: flex;margin-left: 52rpx;">
+          <view>城市轻轨</view>
+          <view style="font-size: 20rpx;color: #999999;margin: 15rpx 0 0 5rpx;">(规划和在建)</view>
+        </view>
+      </view>
+    </view>
+  </view>
+  <!-- 人文底蕴 -->
+  <view>
+    <view style="display:flex" class="content-top">
+      <view class="content-line"></view>
+      <view class="content-title">人文底蕴</view>
+      <view class="content-more" bindtap="goToMore">查看更多 >></view>
+    </view>
+    <view
+      style="width:679rpx;height: 615rpx;background: #FFFFFF;box-shadow: 0 3rpx 9rpx 0 rgba(19,65,138,0.17);border-radius: 20rpx;margin: auto;">
+    </view>
+  </view>
+  <!-- 资源优势 -->
+  <view>
+    <view style="display:flex" class="content-top">
+      <view class="content-line"></view>
+      <view class="content-title">资源优势</view>
+      <view class="content-more" bindtap="goToMore">查看更多 >></view>
+    </view>
+    <view
+      style="width:679rpx;height: 341rpx;background: #FFFFFF;box-shadow: 0 3rpx 9rpx 0 rgba(19,65,138,0.17);border-radius: 20rpx;margin: auto;">
+    </view>
+  </view>
+  <!-- 产业特色 -->
+  <view>
+    <view style="display:flex" class="content-top">
+      <view class="content-line"></view>
+      <view class="content-title">产业特色</view>
+      <view class="content-more" bindtap="goToMore">查看更多 >></view>
+    </view>
+    <view
+      style="width:679rpx;height: 520rpx;background: #FFFFFF;box-shadow: 0 3rpx 9rpx 0 rgba(19,65,138,0.17);border-radius: 20rpx;margin: auto;">
+    </view>
+  </view>
+  <!-- 印象南岸 -->
+  <view>
+    <view style="display:flex" class="content-top">
+      <view class="content-line"></view>
+      <view class="content-title">印象南岸</view>
+      <view class="content-more" bindtap="goToMore">查看更多 >></view>
+    </view>
+    <view
+      style="width:679rpx;height: 1412rpx;background: #FFFFFF;box-shadow: 0 3rpx 9rpx 0 rgba(19,65,138,0.17);border-radius: 20rpx;margin: auto;padding: 20rpx">
+      <!-- 小人 -->
+      <view style="height: 268rpx;width: 100%;display: flex;align-items:center;justify-content:center">
+        <view style="height: 100%;width: 210rpx;">
+          <image src="{{imgUrl}}nais-people.png" style="height: 268rpx;width: 203rpx"></image>
+        </view>
+        <view style="height: 100%;width: 450rpx;">
+          <view style="width: 434rpx;height: 120rpx;position:relative">
+            <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">
+              <view style="width: 349rpx;font-size: 22rpx;color: #508FF4;font-weight: 500;">
+                “山水人文都市区、智慧创新生态城”,一起来领略南岸之美吧!
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+      <!-- 滨江路 -->
+      <view style="height: 220rpx;width: 100%;display: flex;align-items: center;justify-content:center">
+        <view style="width:240rpx;display:flex;align-items:center;justify-content:flex-end">
+          <view style="width: 179rpx;height: 43rpx;font-size:20rpx;color: #666666;padding-top:30rpx">踱步桥上,放眼望去 两岸一派美景。</view>
+        </view>
+        <view style="height: 100%;width: 432rpx;position:relative">
+          <view style="top: -60rpx;position:absolute">
+            <image src="{{imgUrl}}nais-binjiang.png" style="height: 246rpx;width:412rpx;"></image>
+          </view>
+          <view style="top: 40rpx;left: -160rpx;position:absolute;width: 190rpx;color: #137BE6;font-size: 30rpx;background: linear-gradient(90deg, #FFFFFF 20%, #137BE640 100%);">最美滨江路</view>
+        </view>
+      </view>
+      <!-- 滨江路 -->
+      <!-- 广阳湾 -->
+      <view style="height: 250rpx;width: 100%;display: flex;align-items: center;justify-content:center;margin-top: 10rpx">
+        <view style="width:240rpx;display:flex;align-items:center;justify-content:flex-end">
+          <view style="width: 179rpx;height: 43rpx;font-size:20rpx;color: #666666;padding-top:50rpx">踱步桥上,放眼望去 两岸一派美景。</view>
+        </view>
+        <view style="height: 100%;width: 432rpx;position:relative">
+          <view style="position:absolute">
+            <image src="{{imgUrl}}nais-binjiang.png" style="height: 246rpx;width:412rpx;"></image>
+          </view>
+          <view style="top: 65rpx;left: -160rpx;position:absolute;width: 190rpx;color: #137BE6;font-size: 30rpx;background: linear-gradient(90deg, #FFFFFF 20%, #137BE640 100%);">最美滨江路</view>
+        </view>
+      </view>
+      <!-- 广阳湾 -->
+      <!-- 长嘉汇弹子石老街 -->
+      <view style="height: 250rpx;width: 100%;display: flex;align-items: center;justify-content:center;margin-top: 40rpx">
+        <view style="width:240rpx;display:flex;align-items:center;justify-content:flex-end">
+          <view style="width: 209rpx;height: 43rpx;font-size:20rpx;color: #666666;padding-top:50rpx;padding-right: 5rpx">全国唯一以 “开埠文化与城市九级坡地地貌”为主题的旅游景区。</view>
+        </view>
+        <view style="height: 100%;width: 432rpx;position:relative">
+          <view style="position:absolute">
+            <image src="{{imgUrl}}nais-chajia.png" style="height: 246rpx;width:412rpx;"></image>
+          </view>
+          <view style="top: 65rpx;left: -215rpx;position:absolute;width: 250rpx;color: #455D05;font-size: 30rpx;background: linear-gradient(90deg, #FFFFFF 20%, #8FAD5340 100%);">长嘉汇弹子石老街</view>
+        </view>
+      </view>
+      <!-- 长嘉汇弹子石老街 -->
+      
+    </view>
+  </view>
+  <!-- 更是美食聚集地 -->
+  <view style="width: 100%;height: 1100rpx;margin-top: 20rpx">
+    <view style="width: 100%;height: 78rpx;display:flex;align-items:center;justify-content:center">
+      <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">
+        <view
+          style="height: 100%;font-size:30rpx;color:#75A3F3;display:flex;align-items:center;justify-content:center;font-weight: bold;">
+          更是美食聚集地
         </view>
       </view>
     </view>
     <!-- 内容 -->
-		<view style="height: 500rpx;width: 100%;display:flex;align-items:center;justify-content:center;margin-top: 20rpx">
+    <view style="height: 500rpx;width: 100%;display:flex;align-items:center;justify-content:center;margin-top: 20rpx">
       <view style="height: 100%;width: 50%;display:flex;flex-direction: column;justify-content:flex-start">
         <view style="display: flex;flex-direction: column;margin-bottom: 10rpx">
           <view style="display: flex;align-items: center;justify-content: center">
             <image src="{{imgUrl}}nais-chichen.png" style="height: 271rpx;width: 307rpx"></image>
           </view>
-          <view style="display:flex;align-items:center;justify-content:center;font-size:20rpx;color: #333333;margin-top: 10rpx">南山泉水鸡</view>
+          <view
+            style="display:flex;align-items:center;justify-content:center;font-size:20rpx;color: #333333;margin-top: 10rpx">
+            南山泉水鸡</view>
         </view>
 
         <view style="display: flex;flex-direction: column;margin-bottom: 10rpx">
           <view style="display: flex;align-items: center;justify-content: center">
             <image src="{{imgUrl}}nais-mahua.png" style="height: 226rpx;width: 307rpx"></image>
           </view>
-          <view style="display:flex;align-items:center;justify-content:center;font-size:20rpx;color: #333333;margin-top: 10rpx">醪糟麻花</view>
+          <view
+            style="display:flex;align-items:center;justify-content:center;font-size:20rpx;color: #333333;margin-top: 10rpx">
+            醪糟麻花</view>
         </view>
 
         <view style="display: flex;flex-direction: column;">
           <view style="display: flex;align-items: center;justify-content: center">
             <image src="{{imgUrl}}nais-hotpot.png" style="height: 226rpx;width: 307rpx"></image>
           </view>
-          <view style="display:flex;align-items:center;justify-content:center;font-size:20rpx;color: #333333;margin-top: 10rpx">山城小汤圆</view>
+          <view
+            style="display:flex;align-items:center;justify-content:center;font-size:20rpx;color: #333333;margin-top: 10rpx">
+            山城小汤圆</view>
         </view>
       </view>
       <view style="height: 100%;width: 50%;display:flex;flex-direction: column;">
@@ -165,25 +278,31 @@
           <view style="display: flex;align-items: center;justify-content: center">
             <image src="{{imgUrl}}nais-huasheng.png" style="height: 226rpx;width: 307rpx"></image>
           </view>
-          <view style="display:flex;align-items:center;justify-content:center;font-size:20rpx;color: #333333;margin-top: 10rpx">山城老火锅</view>
+          <view
+            style="display:flex;align-items:center;justify-content:center;font-size:20rpx;color: #333333;margin-top: 10rpx">
+            山城老火锅</view>
         </view>
 
         <view style="display: flex;flex-direction: column;margin-bottom: 10rpx">
           <view style="display: flex;align-items: center;justify-content: center">
             <image src="{{imgUrl}}nais-mahua.png" style="height: 226rpx;width: 307rpx"></image>
           </view>
-          <view style="display:flex;align-items:center;justify-content:center;font-size:20rpx;color: #333333;margin-top: 10rpx">花生粘</view>
+          <view
+            style="display:flex;align-items:center;justify-content:center;font-size:20rpx;color: #333333;margin-top: 10rpx">
+            花生粘</view>
         </view>
 
         <view style="display: flex;flex-direction: column;margin-bottom: 10rpx">
           <view style="display: flex;align-items: center;justify-content: center">
             <image src="{{imgUrl}}nais-baozi.png" style="height: 271rpx;width: 307rpx"></image>
           </view>
-          <view style="display:flex;align-items:center;justify-content:center;font-size:20rpx;color: #333333;margin-top: 10rpx">熨斗糕</view>
+          <view
+            style="display:flex;align-items:center;justify-content:center;font-size:20rpx;color: #333333;margin-top: 10rpx">
+            熨斗糕</view>
         </view>
 
       </view>
     </view>
-    
-	</view>
+
+  </view>
 </view>