小程序首页

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

@@ -21,8 +21,7 @@
       </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>
@@ -31,8 +30,7 @@
       </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>
@@ -47,8 +45,7 @@
           <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>
@@ -61,8 +58,7 @@
 
   <!-- 三会一聚 -->
   <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>
@@ -133,8 +129,7 @@
   <!-- 南岸咨询 -->
 
   <!-- 数据中心 -->
-  <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">
       <!-- 标题 -->
@@ -148,8 +143,7 @@
       <!-- 统计分析 -->
       <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>
         <!-- 分析入口 -->
@@ -273,8 +267,7 @@
   <!-- 数据中心 -->
   <!-- 政民互动 -->
   <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="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;">
@@ -287,16 +280,14 @@
       <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>
@@ -311,50 +302,6 @@
             <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>
       <!-- 内容 -->
     </view>
@@ -362,8 +309,7 @@
   <!-- 政民互动 -->
   <!-- 媒体矩阵 -->
   <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="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;">
@@ -376,16 +322,14 @@
       <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>
@@ -398,8 +342,7 @@
   <!-- 媒体矩阵 -->
   <!-- 南岸报 -->
   <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="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;">
@@ -412,16 +355,14 @@
       <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>
@@ -434,8 +375,7 @@
   <!-- 南岸报 -->
   <!-- 地图服务 -->
   <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="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;">
@@ -448,16 +388,14 @@
       <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>
@@ -470,8 +408,7 @@
   <!-- 地图服务 -->
   <!-- 视频推荐 -->
   <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="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;">
@@ -484,16 +421,14 @@
       <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>
@@ -505,9 +440,8 @@
   </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: 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;">
@@ -520,21 +454,26 @@
       <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;">
-              <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="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>