小程序首页

nngkxxdp/src/main/resources/static/nnzwminiapp/pages/index/index.wxml

@@ -1,488 +1,504 @@
 <!--pages/publics/publics.wxml-->
 <view style="background-color:#F5F5F5;">
 
-  <view class="top">
-    <image src="{{imgUrl}}index-bg.png" style="width:100%;height:409rpx"></image>
-    <image src="{{imgUrl}}toplogo.png" class="top-logo" style="top: {{navHeight}}rpx"></image>
-  </view>
+	<view class="top">
+		<image src="{{imgUrl}}index-bg.png" style="width:100%;height:409rpx"></image>
+		<image src="{{imgUrl}}toplogo.png" class="top-logo" style="top: {{navHeight}}rpx"></image>
+	</view>
 
-  <!-- 内容1 -->
-  <view class="content-search" style="height:648rpx;width:100%;background-color:#F5F5F5;position:relative">
-    <!-- 内容top -->
-    <view class="content-search-tab" style="height: 648rpx;">
-      <!-- 搜索 -->
-      <view style="width:650rpx;height:60rpx">
-        <view class="search-view">
-          <view class="search-icon">
-            <image src="{{imgUrl}}index-search.png" style="height:28rpx;width:28rpx"></image>
-          </view>
-          <input class="search-input" bindinput="bindKeyInput" placeholder="在此输入关键字" />
-        </view>
-      </view>
-      <!-- 服务内容1 -->
-      <view class="content-service" style="margin-top: 15rpx">
-        <view wx:for="{{ serviceItems1 }}" wx:for-item="item" wx:for-index="index" wx:key="index" class="content-service-item">
-          <view bindtap="toDataCenter">
-            <image src="{{ item.img }}" style="height:88rpx;width:88rpx"></image>
-          </view>
-          <view>{{ item.name }}</view>
-        </view>
-      </view>
-      <!-- 服务内容2 -->
-      <view class="content-service">
-        <view wx:for="{{ serviceItems2 }}" wx:for-item="item" wx:for-index="index" wx:key="index" class="content-service-item">
-          <view>
-            <image src="{{ item.img }}" style="height:88rpx;width:88rpx"></image>
-          </view>
-          <view>{{ item.name }}</view>
-        </view>
-      </view>
-      <!-- 百姓聚焦 -->
-      <view class="content-people" style="margin-top: 15rpx">
-        <view class="people-title">
-          <image src="{{imgUrl}}people-title.png" style="height: 59rpx;width: 59rpx;"></image>
-          <view class="people-font1">百姓聚焦</view>
-          <view class="people-font2">每日更新</view>
-        </view>
-        <view class="people-content">
-          <view wx:for="{{ peopleService }}" wx:for-item="item" wx:for-index="index" wx:key="index" class="people-content-item {{ item.top?'top':'' }}">
-            <image wx:if="{{ item.top }}" src="{{imgUrl}}index-top-fire.png" style="height: 24rpx;width: 20rpx"></image>
-            <view>{{ item.name }}</view>
-          </view>
-        </view>
-      </view>
-      <!-- 百姓聚焦 -->
-    </view>
-    <!-- 内容top -->
-  </view>
+	<!-- 内容1 -->
+	<view class="content-search" style="height:648rpx;width:100%;background-color:#F5F5F5;position:relative">
+		<!-- 内容top -->
+		<view class="content-search-tab" style="height: 648rpx;">
+			<!-- 搜索 -->
+			<view style="width:650rpx;height:60rpx">
+				<view class="search-view">
+					<view class="search-icon">
+						<image src="{{imgUrl}}index-search.png" style="height:28rpx;width:28rpx"></image>
+					</view>
+					<input class="search-input" bindinput="bindKeyInput" placeholder="在此输入关键字" />
+				</view>
+			</view>
+			<!-- 服务内容1 -->
+			<view class="content-service" style="margin-top: 15rpx">
+				<view wx:for="{{ serviceItems1 }}" wx:for-item="item" wx:for-index="index" wx:key="index" class="content-service-item">
+					<view bindtap="toDataCenter">
+						<image src="{{ item.img }}" style="height:88rpx;width:88rpx"></image>
+					</view>
+					<view>{{ item.name }}</view>
+				</view>
+			</view>
+			<!-- 服务内容2 -->
+			<view class="content-service">
+				<view wx:for="{{ serviceItems2 }}" wx:for-item="item" wx:for-index="index" wx:key="index" class="content-service-item">
+					<view>
+						<image src="{{ item.img }}" style="height:88rpx;width:88rpx"></image>
+					</view>
+					<view>{{ item.name }}</view>
+				</view>
+			</view>
+			<!-- 百姓聚焦 -->
+			<view class="content-people" style="margin-top: 15rpx">
+				<view class="people-title">
+					<image src="{{imgUrl}}people-title.png" style="height: 59rpx;width: 59rpx;"></image>
+					<view class="people-font1">百姓聚焦</view>
+					<view class="people-font2">每日更新</view>
+				</view>
+				<view class="people-content">
+					<view wx:for="{{ peopleService }}" wx:for-item="item" wx:for-index="index" wx:key="index" class="people-content-item {{ item.top?'top':'' }}">
+						<image wx:if="{{ item.top }}" src="{{imgUrl}}index-top-fire.png" style="height: 24rpx;width: 20rpx"></image>
+						<view>{{ item.name }}</view>
+					</view>
+				</view>
+			</view>
+			<!-- 百姓聚焦 -->
+		</view>
+		<!-- 内容top -->
+	</view>
 
-  <!-- 三会一聚 -->
-  <view class="three" style="height:200rpx;width:100%;padding-left:15rpx;background-color: #F5F5F5;">
-    <swiper current="{{lun}}" autoplay="{{true}}" interval="3000" indicator-dots="{{true}}" style="height: 100%;width: 720rpx">
-      <swiper-item>
-        <image src="{{imgUrl}}three.png" style="height:163rpx;width:100%"></image>
-      </swiper-item>
-      <swiper-item>
-        <image src="{{imgUrl}}self-service.png" style="height:163rpx;width:100%"></image>
-      </swiper-item>
-      <swiper-item>
-        <image src="{{imgUrl}}index-video-banner.png" style="height:163rpx;width:100%"></image>
-      </swiper-item>
-    </swiper>
-  </view>
+	<!-- 三会一聚 -->
+	<view class="three" style="height:200rpx;width:100%;padding-left:15rpx;background-color: #F5F5F5;">
+		<swiper current="{{lun}}" autoplay="{{true}}" interval="3000" indicator-dots="{{true}}" style="height: 100%;width: 720rpx">
+			<swiper-item>
+				<image src="{{imgUrl}}three.png" style="height:163rpx;width:100%"></image>
+			</swiper-item>
+			<swiper-item>
+				<image src="{{imgUrl}}self-service.png" style="height:163rpx;width:100%"></image>
+			</swiper-item>
+			<swiper-item>
+				<image src="{{imgUrl}}index-video-banner.png" style="height:163rpx;width:100%"></image>
+			</swiper-item>
+		</swiper>
+	</view>
 
-  <!-- 南岸咨询 -->
-  <view class="content-na" style="height:502rpx;width:100%;background-color:#F5F5F5;position:relative">
-    <!-- 浮动 -->
-    <view class="content-na-tab" style="height: 482rpx;">
-      <!-- 标题 -->
-      <view class="na-title">
-        <!-- 南岸咨询 -->
-        <view class="tab-item {{naTab==0?'active':''}}" bindtap="naChangeItem" data-item="0">
-          <view style="height:50rpx;width:32rpx;display: flex;justify-content:center;align-items:center;">
-            <image wx:if="{{ naTab==0 }}" style="width:32rpx;height:32rpx;" src="{{imgUrl}}na-title-1.png"></image>
-          </view>
-          <view style="height:50rpx;padding-left:10rpx">南岸咨询</view>
-        </view>
-        <!-- 今日重庆 -->
-        <view class="tab-item {{naTab==1?'active':''}}" bindtap="naChangeItem" data-item="1">
-          <view style="height:50rpx;width:32rpx;display: flex;justify-content:center;align-items:center;">
-            <image wx:if="{{ naTab==1 }}" style="width:32rpx;height:32rpx;" src="{{imgUrl}}na-title-1.png"></image>
-          </view>
-          <view style="height:50rpx;padding-left:10rpx">今日重庆</view>
-        </view>
-        <!-- 国务院信息 -->
-        <view class="tab-item {{naTab==2?'active':''}}" bindtap="naChangeItem" data-item="2">
-          <view style="height:50rpx;width:32rpx;display: flex;justify-content:center;align-items:center;">
-            <image wx:if="{{ naTab==2 }}" style="width:32rpx;height:32rpx;" src="{{imgUrl}}na-title-1.png"></image>
-          </view>
-          <view style="height:50rpx;padding-left:10rpx">国务院信息</view>
-        </view>
-      </view>
-      <!-- 标题 -->
-      <!-- 内容 -->
-      <view class="na-content">
-        <swiper current="{{naItem}}" bindchange="naChangeTab" style="height: 100%">
-          <!-- 南岸咨询 -->
-          <swiper-item>
-            <include src="naTitleTab.wxml" />
-          </swiper-item>
-          <!-- 今日重庆 -->
-          <swiper-item>
-            <include src="naTitleTab.wxml" />
-          </swiper-item>
-          <!-- 国务院信息 -->
-          <swiper-item>
-            <include src="naTitleTab.wxml" />
-          </swiper-item>
-        </swiper>
-      </view>
-      <!-- 内容 -->
-      <!-- 更多 -->
-      <view class="na-more" style="height: 50rpx;">
-        <view style="height: 50rpx;display:flex;align-items: center;" bindtap="naMore">查看更多 >></view>
-      </view>
-      <!-- 更多 -->
-    </view>
-    <!-- 浮动 -->
-  </view>
-  <!-- 南岸咨询 -->
+	<!-- 南岸咨询 -->
+	<view class="content-na" style="height:502rpx;width:100%;background-color:#F5F5F5;position:relative">
+		<!-- 浮动 -->
+		<view class="content-na-tab" style="height: 482rpx;">
+			<!-- 标题 -->
+			<view class="na-title">
+				<!-- 南岸咨询 -->
+				<view class="tab-item {{naTab==0?'active':''}}" bindtap="naChangeItem" data-item="0">
+					<view style="height:50rpx;width:32rpx;display: flex;justify-content:center;align-items:center;">
+						<image wx:if="{{ naTab==0 }}" style="width:32rpx;height:32rpx;" src="{{imgUrl}}na-title-1.png"></image>
+					</view>
+					<view style="height:50rpx;padding-left:10rpx">南岸咨询</view>
+				</view>
+				<!-- 今日重庆 -->
+				<view class="tab-item {{naTab==1?'active':''}}" bindtap="naChangeItem" data-item="1">
+					<view style="height:50rpx;width:32rpx;display: flex;justify-content:center;align-items:center;">
+						<image wx:if="{{ naTab==1 }}" style="width:32rpx;height:32rpx;" src="{{imgUrl}}na-title-1.png"></image>
+					</view>
+					<view style="height:50rpx;padding-left:10rpx">今日重庆</view>
+				</view>
+				<!-- 国务院信息 -->
+				<view class="tab-item {{naTab==2?'active':''}}" bindtap="naChangeItem" data-item="2">
+					<view style="height:50rpx;width:32rpx;display: flex;justify-content:center;align-items:center;">
+						<image wx:if="{{ naTab==2 }}" style="width:32rpx;height:32rpx;" src="{{imgUrl}}na-title-1.png"></image>
+					</view>
+					<view style="height:50rpx;padding-left:10rpx">国务院信息</view>
+				</view>
+			</view>
+			<!-- 标题 -->
+			<!-- 内容 -->
+			<view class="na-content">
+				<swiper current="{{naItem}}" bindchange="naChangeTab" style="height: 100%">
+					<!-- 南岸咨询 -->
+					<swiper-item>
+						<include src="naTitleTab.wxml" />
+					</swiper-item>
+					<!-- 今日重庆 -->
+					<swiper-item>
+						<include src="naTitleTab.wxml" />
+					</swiper-item>
+					<!-- 国务院信息 -->
+					<swiper-item>
+						<include src="naTitleTab.wxml" />
+					</swiper-item>
+				</swiper>
+			</view>
+			<!-- 内容 -->
+			<!-- 更多 -->
+			<view class="na-more" style="height: 50rpx;">
+				<view style="height: 50rpx;display:flex;align-items: center;" bindtap="naMore">查看更多 >></view>
+			</view>
+			<!-- 更多 -->
+		</view>
+		<!-- 浮动 -->
+	</view>
+	<!-- 南岸咨询 -->
 
-  <!-- 数据中心 -->
-  <view class="data-cneter" style="height: 1029rpx;width: 100%;background-color:#F5F5F5;position:relative;padding-top: 30rpx">
-    <!-- 数据中心 -->
-    <view class="data-center-contain">
-      <!-- 标题 -->
-      <view class="data-center-title">
-        <view style="display:flex;align-items:center;justify-content:center;">
-          <image src="{{imgUrl}}index-data-center.png" style="height: 50rpx;width: 56rpx"></image>
-        </view>
-        <view class="data-center-title-font">数据中心</view>
-      </view>
-      <!-- 标题 -->
-      <!-- 统计分析 -->
-      <view class="center-analysis" style="height:272rpx;width:100%;position:relative;">
-        <!-- 分析header -->
-        <view style="margin-top:15rpx;height: 129rpx;width:100%;display:flex;align-items:center;justify-content:center;">
-          <image src="{{ imgUrl }}index-center-analysis-header.png" style="height: 129rpx;width:650rpx"></image>
-        </view>
-        <!-- 分析入口 -->
-        <view class="center-analysis-enter" style="height: 129rpx;width:100%;position: absolute;bottom:114rpx">
-          <view class="center-analysis-enter-font">政务服务数据统计分析</view>
-          <view class="center-analysis-enter-button">
-            <view class="center-analysis-enter-button-item">进入 ></view>
-          </view>
-        </view>
-        <!-- 本年办件数 -->
-        <view style="height: 172rpx;width: 100%;position:relative">
-          <!-- 办件数浮动 -->
-          <view style="height: 172rpx;width: 100%;position:absolute;bottom:22rpx">
-            <!-- 标题 -->
-            <view style="padding-left:8rpx;display:flex;align-items:center;justify-content:margin-left">
-              <view class="yellow-point"></view>
-              <view class="work-title-font">本年办件数</view>
-            </view>
-            <!-- 办件数内容 -->
-            <view style="margin-top:20rpx;display:flex;justify-content: space-between;align-items:center">
-              <view style="width: 210rpx;height: 120rpx;background-image: url({{imgUrl}}index-work-number.png);background-size: 100% 100%;">
-                <!-- 受理数 -->
-                <view style="display:flex;align-items:left;color:#FFFFFF;flex-direction:column;justify-content:center;height: 100%;padding-left:85rpx">
-                  <view style="font-size:19rpx">受理数</view>
-                  <view style="display:flex;flex-direction:row;align-items:center">
-                    <scroll-view scroll-x style="width: 84rpx">
-                      <view style="font-size:28rpx;font-weight: bold;">6542125</view>
-                    </scroll-view>
-                    <view style="font-size: 19rpx;padding-left:5rpx">件</view>
-                  </view>
-                </view>
-              </view>
-              <view style="width: 210rpx;height: 120rpx;background-image: url({{imgUrl}}index-finish-number.png);background-size: 100% 100%;">
-                <!-- 受理数 -->
-                <view style="display:flex;align-items:left;color:#FFFFFF;flex-direction:column;justify-content:center;height: 100%;padding-left:85rpx">
-                  <view style="font-size:19rpx">办结数</view>
-                  <view style="display:flex;flex-direction:row;align-items:center">
-                    <scroll-view scroll-x style="width: 84rpx">
-                      <view style="font-size:28rpx;font-weight: bold;">8634534</view>
-                    </scroll-view>
-                    <view style="font-size: 19rpx;padding-left:5rpx">件</view>
-                  </view>
-                </view>
-              </view>
-              <view style="width: 210rpx;height: 120rpx;background-image: url({{imgUrl}}index-request-number.png);background-size: 100% 100%;">
-                <!-- 受理数 -->
-                <view style="display:flex;align-items:left;color:#FFFFFF;flex-direction:column;justify-content:center;height: 100%;padding-left:85rpx">
-                  <view style="font-size:19rpx">网络提交</view>
-                  <view style="display:flex;flex-direction:row;align-items:center">
-                    <scroll-view scroll-x style="width: 84rpx;">
-                      <view style="font-size:28rpx;font-weight: bold;">542</view>
-                    </scroll-view>
-                    <view style="font-size: 19rpx;padding-left:5rpx">件</view>
-                  </view>
-                </view>
-              </view>
-            </view>
-          </view>
-          <!-- 办件数浮动 -->
-        </view>
-        <!-- 本年办件数 -->
-        <!-- 好差评 -->
-        <view style="margin-top:15rpx;height:300rpx;width:100%;">
-          <!-- 标题 -->
-          <view style="padding-left:8rpx;display:flex;align-items:center;justify-content:margin-left">
-            <view class="yellow-point"></view>
-            <view class="work-title-font">好差评</view>
-          </view>
-          <!-- 内容 -->
-          <view style="display: flex;flex-wrap: wrap;justify-content: space-between;margin-top:20rpx">
-            <view class="evaluate">评价我的办件</view>
-            <view class="evaluate">评价窗口人员</view>
-            <view class="evaluate">评价办事指南</view>
-            <view class="evaluate" style="width: 316rpx;">评价服务应用</view>
-            <view class="evaluate" style="width: 316rpx;">评价电子证照</view>
-          </view>
-          <!-- 评价量 -->
-          <view style="display: flex;flex-wrap: wrap;justify-content: space-between;height: 130rpx;width: 100%">
-            <!-- 评价总量 -->
-            <view style="height: 100rpx;width:310rpx;display: flex;background-color:#E5F4FE;border-radius: 10px;">
-              <!-- 图标 -->
-              <view style="width: 100rpx;height: 100%;display: flex;align-items:center;justify-content:center">
-                <image src="{{imgUrl}}index-evalution.png" style="height:64rpx;width:64rpx;"></image>
-              </view>
-              <!-- 数据 -->
-              <view style="width: 210rpx;height: 100%;display:flex;flex-direction: column;justify-content:center">
-                <view style="font-size: 19rpx;color: #999999;padding-bottom:8rpx">本年评价总量</view>
-                <view style="display:flex;justify-content:left;align-items:center;color: #333333;">
-                  <view style="font-size: 26rpx;font-weight: bold;">{{evalutionNum}}</view>
-                  <view style="font-size:20rpx;padding-left:5rpx">条</view>
-                </view>
-              </view>
-            </view>
-            <!-- 满意度 -->
-            <view style="height: 100rpx;width:310rpx;display: flex;background-color:#E5F4FE;border-radius: 10px;">
-              <!-- 图标 -->
-              <view style="width: 100rpx;height: 100%;display: flex;align-items:center;justify-content:center">
-                <image src="{{imgUrl}}index-good-blud.png" style="height:64rpx;width:70rpx;"></image>
-              </view>
-              <!-- 数据 -->
-              <view style="width: 210rpx;height: 100%;display:flex;flex-direction: column;justify-content:center">
-                <view style="font-size: 19rpx;color: #999999;padding-bottom:8rpx">满意度</view>
-                <view style="display:flex;justify-content:left;align-items:center;color: #333333;">
-                  <view style="font-size: 26rpx;font-weight: bold;">{{evalutionRate}}</view>
-                  <view style="font-size:20rpx;padding-left:5rpx">%</view>
-                </view>
-              </view>
-            </view>
-          </view>
-          <!-- 图表 -->
-          <view style="width: 100%;height: 300rpx;">
-            <ec-canvas id="streetlinechart3" canvas-id="streetlinechart3" ec="{{ streetlinechartec }}" />
-          </view>
-        </view>
-        <!-- 好差评 -->
-      </view>
-      <!-- 统计分析 -->
-    </view>
-    <!-- 数据中心 -->
-  </view>
-  <!-- 数据中心 -->
-  <!-- 政民互动 -->
-  <view style="height: 969rpx;width: 100%;position:relative;margin-top: 80rpx;">
-    <view style="margin-left: 20rpx;border-radius: 10rpx;background-color: #ffffff;padding: 25rpx 30rpx;width: 651rpx;height: 100%;">
-      <!-- 标题 -->
-      <view style="  display: flex;justify-content: left;align-items: center;">
-        <view style="display:flex;align-items:center;justify-content:center;">
-          <image src="{{imgUrl}}index-communication.png" style="height: 50rpx;width: 56rpx"></image>
-        </view>
-        <view class="data-center-title-font">政民互动</view>
-      </view>
-      <!-- 标题 -->
-      <!-- 内容 -->
-      <view>
-        <!-- header -->
-        <view style="position:relative;height: 129rpx">
-          <view style="margin-top:15rpx;height: 129rpx;width:100%;display:flex;align-items:center;justify-content:center;">
-            <image src="{{ imgUrl }}index-communicate-header.png" style="height: 129rpx;width:650rpx"></image>
-          </view>
-          <!-- 入口 -->
-          <view style="height: 129rpx;width:100%;position: absolute;bottom:-30rpx;display: flex;align-items: top;">
-            <view class="center-analysis-enter-font">与南岸政府对话</view>
-            <view style="margin-left: 20rpx;height: 50rpx;display: flex;align-items: center;justify-content: center;">
-              <view style="font-size: 22rpx;height: 30rpx;padding: 5rpx 23rpx;display: flex;align-items: center;justify-content: center;background: linear-gradient(90deg, #30A2F3 0%, #69BCFA 100%);color: #FFFFFF;border-radius: 20rpx;">
-                进入 ></view>
-            </view>
-          </view>
-        </view>
-        <!-- header -->
-        <view style="width: 100%;margin-top:10rpx;height: 150rpx;background: #E5F3FF;border-radius: 10rpx;display:flex;">
-          <view style="width: 429rpx;height: 100%;padding-left:30rpx;display:flex;flex-direction:column;justify-content:center">
-            <view style="color: #333333;font-weight: 500;font-size: 28rpx;">常见问题咨询</view>
-            <view style="padding-top:10rpx;color: #999999;font-weight: 500;font-size: 22rpx;">基本问题 都在这里</view>
-          </view>
-          <view style="width: 171rpx;height: 100%;display:flex;align-items:center;justify-content:center">
-            <image src="{{imgUrl}}index-good-communicate.png" style="height: 100rpx;width:105rpx;"></image>
-          </view>
-        </view>
-      </view>
-      <!-- 内容 -->
-    </view>
-  </view>
-  <!-- 政民互动 -->
-  <!-- 媒体矩阵 -->
-  <view style="height: 609rpx;width: 100%;position:relative;margin-top: 80rpx;">
-    <view style="margin-left: 20rpx;border-radius: 10rpx;background-color: #ffffff;padding: 25rpx 30rpx;width: 651rpx;height: 100%;">
-      <!-- 标题 -->
-      <view style="  display: flex;justify-content: left;align-items: center;">
-        <view style="display:flex;align-items:center;justify-content:center;">
-          <image src="{{imgUrl}}index-media.png" style="height: 50rpx;width: 56rpx"></image>
-        </view>
-        <view class="data-center-title-font">媒体矩阵</view>
-      </view>
-      <!-- 标题 -->
-      <!-- 内容 -->
-      <view>
-        <!-- header -->
-        <view style="position:relative;height: 129rpx">
-          <view style="margin-top:15rpx;height: 129rpx;width:100%;display:flex;align-items:center;justify-content:center;">
-            <image src="{{ imgUrl }}index-media-header.png" style="height: 129rpx;width:650rpx"></image>
-          </view>
-          <!-- 入口 -->
-          <view style="height: 129rpx;width:100%;position: absolute;bottom:-30rpx;display: flex;align-items: top;">
-            <view class="center-analysis-enter-font">政务新媒体矩阵</view>
-            <view style="margin-left: 20rpx;height: 50rpx;display: flex;align-items: center;justify-content: center;">
-              <view style="font-size: 22rpx;height: 30rpx;padding: 5rpx 23rpx;display: flex;align-items: center;justify-content: center;background: linear-gradient(90deg, #AF66DC 0%, #D6AAF3 100%);color: #FFFFFF;border-radius: 20rpx;">
-                进入 ></view>
-            </view>
-          </view>
-        </view>
-        <!-- header -->
-      </view>
-      <!-- 内容 -->
-    </view>
-  </view>
-  <!-- 媒体矩阵 -->
-  <!-- 南岸报 -->
-  <view style="height: 609rpx;width: 100%;position:relative;margin-top: 80rpx;">
-    <view style="margin-left: 20rpx;border-radius: 10rpx;background-color: #ffffff;padding: 25rpx 30rpx;width: 651rpx;height: 100%;">
-      <!-- 标题 -->
-      <view style="  display: flex;justify-content: left;align-items: center;">
-        <view style="display:flex;align-items:center;justify-content:center;">
-          <image src="{{imgUrl}}index-paper.png" style="height: 50rpx;width: 56rpx"></image>
-        </view>
-        <view class="data-center-title-font">南岸报</view>
-      </view>
-      <!-- 标题 -->
-      <!-- 内容 -->
-      <view>
-        <!-- header -->
-        <view style="position:relative;height: 129rpx">
-          <view style="margin-top:15rpx;height: 129rpx;width:100%;display:flex;align-items:center;justify-content:center;">
-            <image src="{{ imgUrl }}index-paper-header.png" style="height: 129rpx;width:650rpx"></image>
-          </view>
-          <!-- 入口 -->
-          <view style="height: 129rpx;width:100%;position: absolute;bottom:-30rpx;display: flex;align-items: top;">
-            <view class="center-analysis-enter-font">南岸报</view>
-            <view style="margin-left: 20rpx;height: 50rpx;display: flex;align-items: center;justify-content: center;">
-              <view style="font-size: 22rpx;height: 30rpx;padding: 5rpx 23rpx;display: flex;align-items: center;justify-content: center;background: linear-gradient(90deg, #F58661 0%, #FCAF96 100%);color: #FFFFFF;border-radius: 20rpx;">
-                进入 ></view>
-            </view>
-          </view>
-        </view>
-        <!-- header -->
-      </view>
-      <!-- 内容 -->
-    </view>
-  </view>
-  <!-- 南岸报 -->
-  <!-- 地图服务 -->
-  <view style="height: 309rpx;width: 100%;position:relative;margin-top: 80rpx;">
-    <view style="margin-left: 20rpx;border-radius: 10rpx;background-color: #ffffff;padding: 25rpx 30rpx;width: 651rpx;height: 100%;">
-      <!-- 标题 -->
-      <view style="  display: flex;justify-content: left;align-items: center;">
-        <view style="display:flex;align-items:center;justify-content:center;">
-          <image src="{{imgUrl}}index-map-title.png" style="height: 50rpx;width: 56rpx"></image>
-        </view>
-        <view class="data-center-title-font">地图服务</view>
-      </view>
-      <!-- 标题 -->
-      <!-- 内容 -->
-      <view>
-        <!-- header -->
-        <view style="position:relative;height: 129rpx">
-          <view style="margin-top:15rpx;height: 129rpx;width:100%;display:flex;align-items:center;justify-content:center;">
-            <image src="{{ imgUrl }}index-map-header.png" style="height: 129rpx;width:650rpx"></image>
-          </view>
-          <!-- 入口 -->
-          <view style="height: 129rpx;width:100%;position: absolute;bottom:-30rpx;display: flex;align-items: top;">
-            <view class="center-analysis-enter-font">地图搜索</view>
-            <view style="margin-left: 20rpx;height: 50rpx;display: flex;align-items: center;justify-content: center;">
-              <view style="font-size: 22rpx;height: 30rpx;padding: 5rpx 23rpx;display: flex;align-items: center;justify-content: center;background: linear-gradient(90deg, #0163EA 0%, #00BEFA 100%);color: #FFFFFF;border-radius: 20rpx;">
-                进入 ></view>
-            </view>
-          </view>
-        </view>
-        <!-- header -->
-      </view>
-      <!-- 内容 -->
-    </view>
-  </view>
-  <!-- 地图服务 -->
-  <!-- 视频推荐 -->
-  <view style="height: 309rpx;width: 100%;position:relative;margin-top: 80rpx;">
-    <view style="margin-left: 20rpx;border-radius: 10rpx;background-color: #ffffff;padding: 25rpx 30rpx;width: 651rpx;height: 100%;">
-      <!-- 标题 -->
-      <view style="  display: flex;justify-content: left;align-items: center;">
-        <view style="display:flex;align-items:center;justify-content:center;">
-          <image src="{{imgUrl}}index-video-title.png" style="height: 50rpx;width: 56rpx"></image>
-        </view>
-        <view class="data-center-title-font">视频推荐</view>
-      </view>
-      <!-- 标题 -->
-      <!-- 内容 -->
-      <view>
-        <!-- header -->
-        <view style="position:relative;height: 129rpx">
-          <view style="margin-top:15rpx;height: 129rpx;width:100%;display:flex;align-items:center;justify-content:center;">
-            <image src="{{ imgUrl }}index-video-header.png" style="height: 129rpx;width:650rpx"></image>
-          </view>
-          <!-- 入口 -->
-          <view style="height: 129rpx;width:100%;position: absolute;bottom:-30rpx;display: flex;align-items: top;">
-            <view class="center-analysis-enter-font">视频推荐</view>
-            <view style="margin-left: 20rpx;height: 50rpx;display: flex;align-items: center;justify-content: center;">
-              <view style="font-size: 22rpx;height: 30rpx;padding: 5rpx 23rpx;display: flex;align-items: center;justify-content: center;background: linear-gradient(90deg, #FFAF03 0%, #F9BF41 100%);color: #FFFFFF;border-radius: 20rpx;">
-                进入 ></view>
-            </view>
-          </view>
-        </view>
-        <!-- header -->
-      </view>
-      <!-- 内容 -->
-    </view>
-  </view>
-  <!-- 视频推荐 -->
-  <!-- 印象南岸 -->
-  <view style="height: 470rpx;width: 100%;position:relative;margin-top: 80rpx;margin-bottom: 60rpx;">
-    <view style="margin-left: 20rpx;border-radius: 10rpx;background-color: #ffffff;padding: 25rpx 30rpx;width: 651rpx;height: 100%;">
-      <!-- 标题 -->
-      <view style="  display: flex;justify-content: left;align-items: center;">
-        <view style="display:flex;align-items:center;justify-content:center;">
-          <image src="{{imgUrl}}index-na-title.png" style="height: 50rpx;width: 56rpx"></image>
-        </view>
-        <view class="data-center-title-font">印象南岸</view>
-      </view>
-      <!-- 标题 -->
-      <!-- 内容 -->
-      <view>
-        <!-- header -->
-        <view style="position:relative;height: 129rpx">
-          <view style="margin-top:15rpx;height: 129rpx;width:100%;display:flex;align-items:center;justify-content:center;">
-            <image src="{{ imgUrl }}index-na-header.png" style="height: 129rpx;width:650rpx"></image>
-          </view>
-          <!-- 入口 -->
-          <view style="height: 129rpx;width:100%;position: absolute;bottom:-30rpx;display: flex;align-items: top;">
-            <view class="center-analysis-enter-font">印象南岸</view>
-            <view style="margin-left: 20rpx;height: 50rpx;display: flex;align-items: center;justify-content: center;">
-              <view style="font-size: 22rpx;height: 30rpx;padding: 5rpx 23rpx;display: flex;align-items: center;justify-content: center;background: linear-gradient(90deg, #A28164 0%, #CBB197 100%);color: #FFFFFF;border-radius: 20rpx;">
-                进入 ></view>
-            </view>
-          </view>
-        </view>
-        <!-- header -->
-        <view style="font-size: 30rpx;font-weight: 400;color: #FFFFFF;line-height: 56rpx;text-align: center;position: relative;">
-          <image src="{{imgUrl}}yxnaLine.png" style="width:653rpx;height:174rpx" />
-          <view style="width: 136rpx;height: 56rpx;background: #996749;border-radius: 10rpx;position: absolute;top: 35rpx;">解放前</view>
-          <view style="width: 232rpx;height: 56rpx;background: #A45A3A;border-radius: 10rpx;position: absolute;top: 187rpx;left: 126rpx;">解放后-80年代</view>
-          <view style="width: 226rpx;height: 56rpx;background: #D17C4B;border-radius: 10rpx;position: absolute;top: 35rpx;left: 232rpx;">80年代-新世纪</view>
-          <view style="width: 226rpx;height: 56rpx;background: #D6603A;border-radius: 10rpx;position: absolute;right: 9rpx;bottom: -5rpx;">新世纪-千禧年</view>
-        </view>
-      </view>
-      <!-- 内容 -->
-    </view>
-  </view>
-  <!-- 印象南岸 -->
+	<!-- 数据中心 -->
+	<view class="data-cneter" style="height: 1029rpx;width: 100%;background-color:#F5F5F5;position:relative;padding-top: 30rpx">
+		<!-- 数据中心 -->
+		<view class="data-center-contain">
+			<!-- 标题 -->
+			<view class="data-center-title">
+				<view style="display:flex;align-items:center;justify-content:center;">
+					<image src="{{imgUrl}}index-data-center.png" style="height: 50rpx;width: 56rpx"></image>
+				</view>
+				<view class="data-center-title-font">数据中心</view>
+			</view>
+			<!-- 标题 -->
+			<!-- 统计分析 -->
+			<view class="center-analysis" style="height:272rpx;width:100%;position:relative;">
+				<!-- 分析header -->
+				<view style="margin-top:15rpx;height: 129rpx;width:100%;display:flex;align-items:center;justify-content:center;">
+					<image src="{{ imgUrl }}index-center-analysis-header.png" style="height: 129rpx;width:650rpx"></image>
+				</view>
+				<!-- 分析入口 -->
+				<view class="center-analysis-enter" style="height: 129rpx;width:100%;position: absolute;bottom:114rpx">
+					<view class="center-analysis-enter-font">政务服务数据统计分析</view>
+					<view class="center-analysis-enter-button">
+						<view class="center-analysis-enter-button-item">进入 ></view>
+					</view>
+				</view>
+				<!-- 本年办件数 -->
+				<view style="height: 172rpx;width: 100%;position:relative">
+					<!-- 办件数浮动 -->
+					<view style="height: 172rpx;width: 100%;position:absolute;bottom:22rpx">
+						<!-- 标题 -->
+						<view style="padding-left:8rpx;display:flex;align-items:center;justify-content:margin-left">
+							<view class="yellow-point"></view>
+							<view class="work-title-font">本年办件数</view>
+						</view>
+						<!-- 办件数内容 -->
+						<view style="margin-top:20rpx;display:flex;justify-content: space-between;align-items:center">
+							<view style="width: 210rpx;height: 120rpx;background-image: url({{imgUrl}}index-work-number.png);background-size: 100% 100%;">
+								<!-- 受理数 -->
+								<view style="display:flex;align-items:left;color:#FFFFFF;flex-direction:column;justify-content:center;height: 100%;padding-left:85rpx">
+									<view style="font-size:19rpx">受理数</view>
+									<view style="display:flex;flex-direction:row;align-items:center">
+										<scroll-view scroll-x style="width: 84rpx">
+											<view style="font-size:28rpx;font-weight: bold;">6542125</view>
+										</scroll-view>
+										<view style="font-size: 19rpx;padding-left:5rpx">件</view>
+									</view>
+								</view>
+							</view>
+							<view style="width: 210rpx;height: 120rpx;background-image: url({{imgUrl}}index-finish-number.png);background-size: 100% 100%;">
+								<!-- 受理数 -->
+								<view style="display:flex;align-items:left;color:#FFFFFF;flex-direction:column;justify-content:center;height: 100%;padding-left:85rpx">
+									<view style="font-size:19rpx">办结数</view>
+									<view style="display:flex;flex-direction:row;align-items:center">
+										<scroll-view scroll-x style="width: 84rpx">
+											<view style="font-size:28rpx;font-weight: bold;">8634534</view>
+										</scroll-view>
+										<view style="font-size: 19rpx;padding-left:5rpx">件</view>
+									</view>
+								</view>
+							</view>
+							<view style="width: 210rpx;height: 120rpx;background-image: url({{imgUrl}}index-request-number.png);background-size: 100% 100%;">
+								<!-- 受理数 -->
+								<view style="display:flex;align-items:left;color:#FFFFFF;flex-direction:column;justify-content:center;height: 100%;padding-left:85rpx">
+									<view style="font-size:19rpx">网络提交</view>
+									<view style="display:flex;flex-direction:row;align-items:center">
+										<scroll-view scroll-x style="width: 84rpx;">
+											<view style="font-size:28rpx;font-weight: bold;">542</view>
+										</scroll-view>
+										<view style="font-size: 19rpx;padding-left:5rpx">件</view>
+									</view>
+								</view>
+							</view>
+						</view>
+					</view>
+					<!-- 办件数浮动 -->
+				</view>
+				<!-- 本年办件数 -->
+				<!-- 好差评 -->
+				<view style="margin-top:15rpx;height:300rpx;width:100%;">
+					<!-- 标题 -->
+					<view style="padding-left:8rpx;display:flex;align-items:center;justify-content:margin-left">
+						<view class="yellow-point"></view>
+						<view class="work-title-font">好差评</view>
+					</view>
+					<!-- 内容 -->
+					<view style="display: flex;flex-wrap: wrap;justify-content: space-between;margin-top:20rpx">
+						<view class="evaluate">评价我的办件</view>
+						<view class="evaluate">评价窗口人员</view>
+						<view class="evaluate">评价办事指南</view>
+						<view class="evaluate" style="width: 316rpx;">评价服务应用</view>
+						<view class="evaluate" style="width: 316rpx;">评价电子证照</view>
+					</view>
+					<!-- 评价量 -->
+					<view style="display: flex;flex-wrap: wrap;justify-content: space-between;height: 130rpx;width: 100%">
+						<!-- 评价总量 -->
+						<view style="height: 100rpx;width:310rpx;display: flex;background-color:#E5F4FE;border-radius: 10px;">
+							<!-- 图标 -->
+							<view style="width: 100rpx;height: 100%;display: flex;align-items:center;justify-content:center">
+								<image src="{{imgUrl}}index-evalution.png" style="height:64rpx;width:64rpx;"></image>
+							</view>
+							<!-- 数据 -->
+							<view style="width: 210rpx;height: 100%;display:flex;flex-direction: column;justify-content:center">
+								<view style="font-size: 19rpx;color: #999999;padding-bottom:8rpx">本年评价总量</view>
+								<view style="display:flex;justify-content:left;align-items:center;color: #333333;">
+									<view style="font-size: 26rpx;font-weight: bold;">{{evalutionNum}}</view>
+									<view style="font-size:20rpx;padding-left:5rpx">条</view>
+								</view>
+							</view>
+						</view>
+						<!-- 满意度 -->
+						<view style="height: 100rpx;width:310rpx;display: flex;background-color:#E5F4FE;border-radius: 10px;">
+							<!-- 图标 -->
+							<view style="width: 100rpx;height: 100%;display: flex;align-items:center;justify-content:center">
+								<image src="{{imgUrl}}index-good-blud.png" style="height:64rpx;width:70rpx;"></image>
+							</view>
+							<!-- 数据 -->
+							<view style="width: 210rpx;height: 100%;display:flex;flex-direction: column;justify-content:center">
+								<view style="font-size: 19rpx;color: #999999;padding-bottom:8rpx">满意度</view>
+								<view style="display:flex;justify-content:left;align-items:center;color: #333333;">
+									<view style="font-size: 26rpx;font-weight: bold;">{{evalutionRate}}</view>
+									<view style="font-size:20rpx;padding-left:5rpx">%</view>
+								</view>
+							</view>
+						</view>
+					</view>
+					<!-- 图表 -->
+					<view style="width: 100%;height: 300rpx;">
+						<ec-canvas id="streetlinechart3" canvas-id="streetlinechart3" ec="{{ streetlinechartec }}" />
+					</view>
+				</view>
+				<!-- 好差评 -->
+			</view>
+			<!-- 统计分析 -->
+		</view>
+		<!-- 数据中心 -->
+	</view>
+	<!-- 数据中心 -->
+	<!-- 政民互动 -->
+	<view style="height: 969rpx;width: 100%;position:relative;margin-top: 80rpx;">
+		<view style="margin-left: 20rpx;border-radius: 10rpx;background-color: #ffffff;padding: 25rpx 30rpx;width: 651rpx;height: 100%;">
+			<!-- 标题 -->
+			<view style="  display: flex;justify-content: left;align-items: center;">
+				<view style="display:flex;align-items:center;justify-content:center;">
+					<image src="{{imgUrl}}index-communication.png" style="height: 50rpx;width: 56rpx"></image>
+				</view>
+				<view class="data-center-title-font">政民互动</view>
+			</view>
+			<!-- 标题 -->
+			<!-- 内容 -->
+			<view>
+				<!-- header -->
+				<view style="position:relative;height: 129rpx">
+					<view style="margin-top:15rpx;height: 129rpx;width:100%;display:flex;align-items:center;justify-content:center;">
+						<image src="{{ imgUrl }}index-communicate-header.png" style="height: 129rpx;width:650rpx"></image>
+					</view>
+					<!-- 入口 -->
+					<view style="height: 129rpx;width:100%;position: absolute;bottom:-30rpx;display: flex;align-items: top;">
+						<view class="center-analysis-enter-font">与南岸政府对话</view>
+						<view style="margin-left: 20rpx;height: 50rpx;display: flex;align-items: center;justify-content: center;">
+							<view style="font-size: 22rpx;height: 30rpx;padding: 5rpx 23rpx;display: flex;align-items: center;justify-content: center;background: linear-gradient(90deg, #30A2F3 0%, #69BCFA 100%);color: #FFFFFF;border-radius: 20rpx;">
+								进入 ></view>
+						</view>
+					</view>
+				</view>
+				<!-- header -->
+				<view style="width: 100%;margin-top:10rpx;height: 150rpx;background: #E5F3FF;border-radius: 10rpx;display:flex;">
+					<view style="width: 429rpx;height: 100%;padding-left:30rpx;display:flex;flex-direction:column;justify-content:center">
+						<view style="color: #333333;font-weight: 500;font-size: 28rpx;">常见问题咨询</view>
+						<view style="padding-top:10rpx;color: #999999;font-weight: 500;font-size: 22rpx;">基本问题 都在这里</view>
+					</view>
+					<view style="width: 171rpx;height: 100%;display:flex;align-items:center;justify-content:center">
+						<image src="{{imgUrl}}index-good-communicate.png" style="height: 100rpx;width:105rpx;"></image>
+					</view>
+				</view>
+			</view>
+			<!-- 内容 -->
+		</view>
+	</view>
+	<!-- 政民互动 -->
+	<!-- 媒体矩阵 -->
+	<view style="height: 609rpx;width: 100%;position:relative;margin-top: 80rpx;">
+		<view style="margin-left: 20rpx;border-radius: 10rpx;background-color: #ffffff;padding: 25rpx 30rpx;width: 651rpx;height: 100%;">
+			<!-- 标题 -->
+			<view style="  display: flex;justify-content: left;align-items: center;">
+				<view style="display:flex;align-items:center;justify-content:center;">
+					<image src="{{imgUrl}}index-media.png" style="height: 50rpx;width: 56rpx"></image>
+				</view>
+				<view class="data-center-title-font">媒体矩阵</view>
+			</view>
+			<!-- 标题 -->
+			<!-- 内容 -->
+			<view>
+				<!-- header -->
+				<view style="position:relative;height: 129rpx">
+					<view style="margin-top:15rpx;height: 129rpx;width:100%;display:flex;align-items:center;justify-content:center;">
+						<image src="{{ imgUrl }}index-media-header.png" style="height: 129rpx;width:650rpx"></image>
+					</view>
+					<!-- 入口 -->
+					<view style="height: 129rpx;width:100%;position: absolute;bottom:-30rpx;display: flex;align-items: top;">
+						<view class="center-analysis-enter-font">政务新媒体矩阵</view>
+						<view style="margin-left: 20rpx;height: 50rpx;display: flex;align-items: center;justify-content: center;">
+							<view style="font-size: 22rpx;height: 30rpx;padding: 5rpx 23rpx;display: flex;align-items: center;justify-content: center;background: linear-gradient(90deg, #AF66DC 0%, #D6AAF3 100%);color: #FFFFFF;border-radius: 20rpx;">
+								进入 ></view>
+						</view>
+					</view>
+				</view>
+				<!-- header -->
+			</view>
+			<!-- 内容 -->
+		</view>
+	</view>
+	<!-- 媒体矩阵 -->
+	<!-- 南岸报 -->
+	<view style="height: 609rpx;width: 100%;position:relative;margin-top: 80rpx;">
+		<view style="margin-left: 20rpx;border-radius: 10rpx;background-color: #ffffff;padding: 25rpx 30rpx;width: 651rpx;height: 100%;">
+			<!-- 标题 -->
+			<view style="  display: flex;justify-content: left;align-items: center;">
+				<view style="display:flex;align-items:center;justify-content:center;">
+					<image src="{{imgUrl}}index-paper.png" style="height: 50rpx;width: 56rpx"></image>
+				</view>
+				<view class="data-center-title-font">南岸报</view>
+			</view>
+			<!-- 标题 -->
+			<!-- 内容 -->
+			<view>
+				<!-- header -->
+				<view style="position:relative;height: 129rpx">
+					<view style="margin-top:15rpx;height: 129rpx;width:100%;display:flex;align-items:center;justify-content:center;">
+						<image src="{{ imgUrl }}index-paper-header.png" style="height: 129rpx;width:650rpx"></image>
+					</view>
+					<!-- 入口 -->
+					<view style="height: 129rpx;width:100%;position: absolute;bottom:-30rpx;display: flex;align-items: top;">
+						<view class="center-analysis-enter-font">南岸报</view>
+						<view style="margin-left: 20rpx;height: 50rpx;display: flex;align-items: center;justify-content: center;">
+							<view style="font-size: 22rpx;height: 30rpx;padding: 5rpx 23rpx;display: flex;align-items: center;justify-content: center;background: linear-gradient(90deg, #F58661 0%, #FCAF96 100%);color: #FFFFFF;border-radius: 20rpx;">
+								进入 ></view>
+						</view>
+					</view>
+				</view>
+				<!-- header -->
+			</view>
+			<!-- 内容 -->
+		</view>
+	</view>
+	<!-- 南岸报 -->
+	<!-- 地图服务 -->
+	<view style="height: 309rpx;width: 100%;position:relative;margin-top: 80rpx;">
+		<view style="margin-left: 20rpx;border-radius: 10rpx;background-color: #ffffff;padding: 25rpx 30rpx;width: 651rpx;height: 100%;">
+			<!-- 标题 -->
+			<view style="  display: flex;justify-content: left;align-items: center;">
+				<view style="display:flex;align-items:center;justify-content:center;">
+					<image src="{{imgUrl}}index-map-title.png" style="height: 50rpx;width: 56rpx"></image>
+				</view>
+				<view class="data-center-title-font">地图服务</view>
+			</view>
+			<!-- 标题 -->
+			<!-- 内容 -->
+			<view>
+				<!-- header -->
+				<view style="position:relative;height: 129rpx">
+					<view style="margin-top:15rpx;height: 129rpx;width:100%;display:flex;align-items:center;justify-content:center;">
+						<image src="{{ imgUrl }}index-map-header.png" style="height: 129rpx;width:650rpx"></image>
+					</view>
+					<!-- 入口 -->
+					<view style="height: 129rpx;width:100%;position: absolute;bottom:-30rpx;display: flex;align-items: top;">
+						<view class="center-analysis-enter-font">地图搜索</view>
+						<view style="margin-left: 20rpx;height: 50rpx;display: flex;align-items: center;justify-content: center;">
+							<view style="font-size: 22rpx;height: 30rpx;padding: 5rpx 23rpx;display: flex;align-items: center;justify-content: center;background: linear-gradient(90deg, #0163EA 0%, #00BEFA 100%);color: #FFFFFF;border-radius: 20rpx;">
+								进入 ></view>
+						</view>
+					</view>
+				</view>
+				<!-- header -->
+			</view>
+			<!-- 内容 -->
+		</view>
+	</view>
+	<!-- 地图服务 -->
+	<!-- 视频推荐 -->
+	<view style="height: 309rpx;width: 100%;position:relative;margin-top: 80rpx;">
+		<view style="margin-left: 20rpx;border-radius: 10rpx;background-color: #ffffff;padding: 25rpx 30rpx;width: 651rpx;height: 100%;">
+			<!-- 标题 -->
+			<view style="  display: flex;justify-content: left;align-items: center;">
+				<view style="display:flex;align-items:center;justify-content:center;">
+					<image src="{{imgUrl}}index-video-title.png" style="height: 50rpx;width: 56rpx"></image>
+				</view>
+				<view class="data-center-title-font">视频推荐</view>
+			</view>
+			<!-- 标题 -->
+			<!-- 内容 -->
+			<view>
+				<!-- header -->
+				<view style="position:relative;height: 129rpx">
+					<view style="margin-top:15rpx;height: 129rpx;width:100%;display:flex;align-items:center;justify-content:center;">
+						<image src="{{ imgUrl }}index-video-header.png" style="height: 129rpx;width:650rpx"></image>
+					</view>
+					<!-- 入口 -->
+					<view style="height: 129rpx;width:100%;position: absolute;bottom:-30rpx;display: flex;align-items: top;">
+						<view class="center-analysis-enter-font">视频推荐</view>
+						<view style="margin-left: 20rpx;height: 50rpx;display: flex;align-items: center;justify-content: center;">
+							<view style="font-size: 22rpx;height: 30rpx;padding: 5rpx 23rpx;display: flex;align-items: center;justify-content: center;background: linear-gradient(90deg, #FFAF03 0%, #F9BF41 100%);color: #FFFFFF;border-radius: 20rpx;">
+								进入 ></view>
+						</view>
+					</view>
+				</view>
+				<!-- header -->
+				<view>
+					<swiper current="{{0}}"	display-multiple-items="3" autoplay="{{false}}">
+						<swiper-item>
+							<image src="{{imgUrl}}video1.png" style="height:133px;width:201rpx" />
+							<view>南岸百企风采</view>
+						</swiper-item>
+						<swiper-item>
+							<image src="{{imgUrl}}video2.png" style="height:133px;width:201rpx" />
+							<view>“不夜南滨”集乐无...</view>
+						</swiper-item>
+						<swiper-item>
+							<image src="{{imgUrl}}video3.png" style="height:133px;width:201rpx" />
+							<view>2022爱尚重庆</view>
+						</swiper-item>
+					</swiper>
+				</view>
+			</view>
+			<!-- 内容 -->
+		</view>
+	</view>
+	<!-- 视频推荐 -->
+	<!-- 印象南岸 -->
+	<view style="height: 470rpx;width: 100%;position:relative;margin-top: 80rpx;margin-bottom: 60rpx;">
+		<view style="margin-left: 20rpx;border-radius: 10rpx;background-color: #ffffff;padding: 25rpx 30rpx;width: 651rpx;height: 100%;">
+			<!-- 标题 -->
+			<view style="  display: flex;justify-content: left;align-items: center;">
+				<view style="display:flex;align-items:center;justify-content:center;">
+					<image src="{{imgUrl}}index-na-title.png" style="height: 50rpx;width: 56rpx"></image>
+				</view>
+				<view class="data-center-title-font">印象南岸</view>
+			</view>
+			<!-- 标题 -->
+			<!-- 内容 -->
+			<view>
+				<!-- header -->
+				<view style="position:relative;height: 129rpx">
+					<view style="margin-top:15rpx;height: 129rpx;width:100%;display:flex;align-items:center;justify-content:center;">
+						<image src="{{ imgUrl }}index-na-header.png" style="height: 129rpx;width:650rpx"></image>
+					</view>
+					<!-- 入口 -->
+					<view style="height: 129rpx;width:100%;position: absolute;bottom:-30rpx;display: flex;align-items: top;">
+						<view class="center-analysis-enter-font">印象南岸</view>
+						<view style="margin-left: 20rpx;height: 50rpx;display: flex;align-items: center;justify-content: center;">
+							<view style="font-size: 22rpx;height: 30rpx;padding: 5rpx 23rpx;display: flex;align-items: center;justify-content: center;background: linear-gradient(90deg, #A28164 0%, #CBB197 100%);color: #FFFFFF;border-radius: 20rpx;">
+								进入 ></view>
+						</view>
+					</view>
+				</view>
+				<!-- header -->
+				<view style="font-size: 30rpx;font-weight: 400;color: #FFFFFF;line-height: 56rpx;text-align: center;position: relative;">
+					<image src="{{imgUrl}}yxnaLine.png" style="width:653rpx;height:174rpx" />
+					<view style="width: 136rpx;height: 56rpx;background: #996749;border-radius: 10rpx;position: absolute;top: 35rpx;">解放前</view>
+					<view style="width: 232rpx;height: 56rpx;background: #A45A3A;border-radius: 10rpx;position: absolute;top: 187rpx;left: 126rpx;">解放后-80年代</view>
+					<view style="width: 226rpx;height: 56rpx;background: #D17C4B;border-radius: 10rpx;position: absolute;top: 35rpx;left: 232rpx;">80年代-新世纪</view>
+					<view style="width: 226rpx;height: 56rpx;background: #D6603A;border-radius: 10rpx;position: absolute;right: 9rpx;bottom: -5rpx;">新世纪-千禧年</view>
+				</view>
+			</view>
+			<!-- 内容 -->
+		</view>
+	</view>
+	<!-- 印象南岸 -->
 
-  <!-- 底部 -->
-  <view style="height: 200rpx">
-  </view>
+	<!-- 底部 -->
+	<view style="height: 200rpx">
+	</view>
 
 
 </view>