小程序首页

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

@@ -21,6 +21,10 @@ Page({
 		// 南岸咨询
 		naTab: 0,
 		naItem: '',
+		// 政民tab
+		communicateTab: 0,
+		// 政民item
+		communicateItem: 0,
 		// 服务列表
 		serviceItems1: [{
 				img: imgUrl + 'service-1.png',
@@ -152,6 +156,21 @@ Page({
 				url: 'video1.png',
 				title: '南岸百企风采'
 			}
+		],
+		// 政民list
+		communicateData: [
+			{},{},{},{},{}
+		],
+		// 地图服务
+		mapServiceData: [
+			{ id: 1, name: '政务公开'},
+			{ id: 2, name: '政务服务'},
+			{ id: 3, name: '党群服务'},
+			{ id: 4, name: '核算检测'},
+			{ id: 5, name: '教育资源'},
+			{ id: 6, name: '医疗卫生'},
+			{ id: 7, name: '户籍管理'},
+			{ id: 8, name: '交通服务'},
 		]
 	},
 	onReady() {},
@@ -426,6 +445,19 @@ Page({
 		console.log('更多')
 	},
 
+	// 政民互动
+	communicateChangeItem: function (e) {
+    this.setData({
+			communicateItem: e.currentTarget.dataset.item
+		})
+	},
+
+	communicateChangeTab: function (e) {
+		this.setData({
+			communicateTab: e.detail.current
+		})
+	},
+
 	getUserProfile() {
 		wx.setStorageSync('nickname', "");
 		wx.setStorageSync('avatarUrl', "");

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

@@ -21,7 +21,8 @@
 			</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 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>
@@ -30,7 +31,8 @@
 			</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 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>
@@ -45,7 +47,8 @@
 					<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':'' }}">
+					<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>
@@ -58,7 +61,8 @@
 
 	<!-- 三会一聚 -->
 	<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 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>
@@ -129,7 +133,8 @@
 	<!-- 南岸咨询 -->
 
 	<!-- 数据中心 -->
-	<view class="data-cneter" style="height: 1029rpx;width: 100%;background-color:#F5F5F5;position:relative;padding-top: 30rpx">
+	<view class="data-cneter"
+		style="height: 1029rpx;width: 100%;background-color:#F5F5F5;position:relative;padding-top: 30rpx">
 		<!-- 数据中心 -->
 		<view class="data-center-contain">
 			<!-- 标题 -->
@@ -143,7 +148,8 @@
 			<!-- 统计分析 -->
 			<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;">
+				<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>
 				<!-- 分析入口 -->
@@ -164,9 +170,11 @@
 						</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="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="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">
@@ -176,9 +184,11 @@
 									</view>
 								</view>
 							</view>
-							<view style="width: 210rpx;height: 120rpx;background-image: url({{imgUrl}}index-finish-number.png);background-size: 100% 100%;">
+							<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="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">
@@ -188,9 +198,11 @@
 									</view>
 								</view>
 							</view>
-							<view style="width: 210rpx;height: 120rpx;background-image: url({{imgUrl}}index-request-number.png);background-size: 100% 100%;">
+							<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="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;">
@@ -266,8 +278,9 @@
 	</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="height: 1710rpx;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;">
@@ -280,21 +293,25 @@
 			<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;">
+					<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
+								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="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>
@@ -302,14 +319,93 @@
 						<image src="{{imgUrl}}index-good-communicate.png" style="height: 100rpx;width:105rpx;"></image>
 					</view>
 				</view>
+				<!-- 常见问题over -->
+				<view style="height: 340rpx;padding: 20rpx 0rpx;display:flex;justify-content:space-between;flex-wrap: wrap">
+					<!-- 1 -->
+					<view
+						style="height: 150rpx;width:315rpx;background-color:#FEEEEC;border-radius:10rpx;display:flex;align-items:center">
+						<view style="padding-left:30rpx;display:flex;flex-direction:column">
+							<view style="color: #333333;font-size:28rpx">在线访谈</view>
+							<view style="color: #999999;font-size:22rpx;padding-top:5rpx">在民众在线交流</view>
+						</view>
+					</view>
+					<!-- 2 -->
+					<view
+						style="height: 150rpx;width:315rpx;background-color:#ECF2FE;border-radius:10rpx;display:flex;align-items:center">
+						<view style="padding-left:30rpx;display:flex;flex-direction:column">
+							<view style="color: #333333;font-size:28rpx">我要留言</view>
+							<view style="color: #999999;font-size:22rpx;padding-top:5rpx">有什么想说的？畅所欲言</view>
+						</view>
+					</view>
+					<!-- 3 -->
+					<view
+						style="height: 150rpx;width:315rpx;background-color:#E5FFF9;border-radius:10rpx;display:flex;align-items:center">
+						<view style="padding-left:30rpx;display:flex;flex-direction:column">
+							<view style="color: #333333;font-size:28rpx">12345热线</view>
+							<view style="color: #999999;font-size:22rpx;padding-top:5rpx">政务服务便民热线</view>
+						</view>
+					</view>
+					<!-- 4 -->
+					<view
+						style="height: 150rpx;width:315rpx;background-color:#FCF6E2;border-radius:10rpx;display:flex;align-items:center">
+						<view style="padding-left:30rpx;display:flex;flex-direction:column">
+							<view style="color: #333333;font-size:28rpx">投诉建议</view>
+							<view style="color: #999999;font-size:22rpx;padding-top:5rpx">欢迎您反映问题</view>
+						</view>
+					</view>
+				</view>
+				<!-- 交流访谈over -->
+				<!-- 智能问答 -->
+				<view style="height: 200rpx;width:100%">
+					<view
+						style="height: 183rpx;width:100%;background-image: url({{imgUrl}}index-smart-question.png);;background-size: 100% 100%;">
+						<view style="padding-left:35rpx;height:100%;display:flex;flex-direction:column;justify-content:center">
+							<view style="color: #FFFFFF;font-size:32rpx;padding-bottom:15rpx;letter-spacing:4rpx">智能问答</view>
+							<view
+								style="font-size: 24rpx;width:80rpx;height: 30rpx;padding: 5rpx 23rpx;display: flex;align-items: center;justify-content: center;background-color:#7FC5F8;color: #FFFFFF;border-radius: 20rpx;">
+								进入 ></view>
+						</view>
+					</view>
+				</view>
+				<!-- 智能问答 -->
+				<!-- 列表 -->
+				<view style="height: 800rpx">
+					<view style="display:flex">
+						<view class="communicate-tab-item {{communicateTab==0?'active':''}}" bindtap="communicateChangeItem" data-item="0">
+							<view style="height: 100%;display:flex;align-items:center;justify-content:center;">法规意见征集</view>
+						</view>
+						<view class="communicate-tab-item {{communicateTab==1?'active':''}}" bindtap="communicateChangeItem" data-item="1">
+							<view style="height: 100%;display:flex;align-items:center;justify-content:center;">在线调查</view>
+						</view>
+					</view>
+					<!-- 内容 -->
+					<view style="height: 680rpx;flex: 1">
+						<swiper style="height: 100%" current="{{communicateItem}}" bindchange="communicateChangeTab">
+							<swiper-item>
+								<scroll-view scroll-y="true" style="height: 100%;padding:0;margin:0;">
+                        <include src="communicateList.wxml" />
+                  </scroll-view>
+							</swiper-item>
+
+							<swiper-item>
+								<scroll-view scroll-y="true" style="height: 100%;padding:0;margin:0;">
+                        <include src="communicateList.wxml" />
+                  </scroll-view>
+							</swiper-item>
+						</swiper>
+					</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="height: 909rpx;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;">
@@ -322,27 +418,34 @@
 			<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;">
+					<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
+								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 -->
+				<!-- content -->
+				<view style="height: ">
+				</view>
+				<!-- content -->
 			</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="height: 990rpx;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;">
@@ -355,27 +458,43 @@
 			<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;">
+					<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
+								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 style="height: 790rpx;width: 100%;display: flex">
+				  <view style="height: 761rpx;width: 550rpx;position:relative;">
+					  <view style="padding: 20rpx;border: 3rpx solid #FFFFFF;box-shadow: 8rpx -5rpx 25rpx 0rpx rgba(29,29,29,0.18);top: -22rpx;position:absolute;height: 761rpx;width: 505rpx;">
+					    <image src="{{imgUrl}}index-paper-content-paper.png" style="height: 761rpx;width: 505rpx;"></image>
+					  </view>
+					</view>
+				  
+					<view style="height: 771rpx;width: 100rpx;position:relative;background-image: url({{imgUrl}}index-paper-page.png);background-size: 100% 100%;">
+					  <view style="top: 20rpx;left:20rpx;position:absolute; display: flex;flex-direction: column;width: 30rpx;color: #FFFFFF;font-size: 28rpx;">上一版</view>
+						<view style="top: 200rpx;left:20rpx;position:absolute; display: flex;flex-direction: column;width: 30rpx;color: #FFFFFF;font-size: 28rpx;">下一版</view>
+					</view>
+				</view>
 			</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="height: 329rpx;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;">
@@ -388,19 +507,27 @@
 			<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;">
+					<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
+								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 -->
+				<!-- content -->
+				<view style="margin-top:10rpx;widht: 100%;height: 136rpx;display:flex;flex-wrap: wrap;justify-content: space-between;">
+				  <!-- 按钮 -->
+				  <view wx:for="{{ mapServiceData }}" wx:for-item="item" wx:for-index="index" wx:key="index" style="height: 50rpx;width: 139rpx;background-color: #EEF5FF;display:flex;align-items:center;justify-content:center;font-size:23rpx;color: #333333;font-weight: 500;">{{item.name}}
+					</view>
+				</view>
 			</view>
 			<!-- 内容 -->
 		</view>
@@ -421,21 +548,23 @@
 			<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;">
+					<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
+								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}}" style="height: 180rpx;">
+					<swiper current="{{0}}" display-multiple-items="3" autoplay="{{false}}" style="height: 180rpx;">
 						<swiper-item wx:for="{{videoInfo}}" wx:key="index">
 							<image src="{{imgUrl}}{{item.url}}" style="height:133rpx;width:201rpx" />
 							<view style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">{{item.title}}</view>
@@ -449,7 +578,8 @@
 	<!-- 视频推荐 -->
 	<!-- 印象南岸 -->
 	<view style="height: 470rpx;width: 100%;position:relative;margin-top: 30rpx;margin-bottom: 60rpx;">
-		<view style="margin-left: 20rpx;border-radius: 10rpx;background-color: #ffffff;padding: 25rpx 30rpx;width: 651rpx;height: 100%;">
+		<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;">
@@ -462,25 +592,37 @@
 			<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;">
+					<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;" bindtap="toYXNADetail">
-							<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 style="margin-left: 20rpx;height: 50rpx;display: flex;align-items: center;justify-content: center;"
+							bindtap="toYXNADetail">
+							<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;">
+				<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
+						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>
 			<!-- 内容 -->

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

@@ -354,4 +354,20 @@
   background: linear-gradient(90deg, #30A2F3 0%, #69BCFA 100%);
   color: #FFFFFF;
   border-radius: 20rpx;
+}
+
+.communicate-tab-item {
+  flex: 1;
+  font-size: 28rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  line-height: 28rpx;
+  height: 55rpx;
+}
+
+.communicate-tab-item.active {
+  color: #000000;
+  border-bottom: 6rpx solid #508FF4 ;
+
 }