修改服务页面

nngkxxdp/src/main/resources/static/nnzwminiapp/pages/serve/navTabgr.wxml

@@ -0,0 +1,35 @@
+<view class="cont-grbs cont">
+            <view class="title">人生大事主体办</view>
+            <ul class="view-ul">
+                <li>
+                    <view class="top">新生儿</view>
+                    <view class="bottom">生育登记、社保办理等</view>
+                    <image src="/images/hyfw.png" alt="" style="width: 28px;height:37px;"></image>
+                </li>
+                <li>
+                    <view class="top">新生儿</view>
+                    <view class="bottom">生育登记、社保办理等</view>
+                    <image src="/images/hyfw.png" alt="" style="width: 28px;height:37px;"></image>
+                </li>
+                <li>
+                    <view class="top">新生儿</view>
+                    <view class="bottom">生育登记、社保办理等</view>
+                    <image src="/images/hyfw.png" alt="" style="width: 28px;height:37px;"></image>
+                </li>
+                <li>
+                    <view class="top">新生儿</view>
+                    <view class="bottom">生育登记、社保办理等</view>
+                    <image src="/images/hyfw.png" alt="" style="width: 28px;height:37px;"></image>
+                </li>
+                <li>
+                    <view class="top">新生儿</view>
+                    <view class="bottom">生育登记、社保办理等</view>
+                    <image src="/images/hyfw.png" alt="" style="width: 28px;height:37px;"></image>
+                </li>
+                <li>
+                    <view class="top">新生儿</view>
+                    <view class="bottom">生育登记、社保办理等</view>
+                    <image src="/images/hyfw.png" alt="" style="width: 28px;height:37px;"></image>
+                </li>
+            </ul>
+        </view>

nngkxxdp/src/main/resources/static/nnzwminiapp/pages/serve/navTabqy.wxml

@@ -0,0 +1,35 @@
+<view class="cont-qybs cont">
+            <view class="title">企业大事主体办</view>
+            <ul class="view-ul">
+                <li>
+                    <view class="top">新生儿1</view>
+                    <view class="bottom">生育登记、社保办理等1</view>
+                    <image src="/images/hyfw.png" alt="" style="width: 28px;height:37px;"></image>
+                </li>
+                <li>
+                    <view class="top">新生儿</view>
+                    <view class="bottom">生育登记、社保办理等</view>
+                    <image src="/images/hyfw.png" alt="" style="width: 28px;height:37px;"></image>
+                </li>
+                <li>
+                    <view class="top">新生儿</view>
+                    <view class="bottom">生育登记、社保办理等</view>
+                    <image src="/images/hyfw.png" alt="" style="width: 28px;height:37px;"></image>
+                </li>
+                <li>
+                    <view class="top">新生儿</view>
+                    <view class="bottom">生育登记、社保办理等</view>
+                    <image src="/images/hyfw.png" alt="" style="width: 28px;height:37px;"></image>
+                </li>
+                <li>
+                    <view class="top">新生儿</view>
+                    <view class="bottom">生育登记、社保办理等</view>
+                    <image src="/images/hyfw.png" alt="" style="width: 28px;height:37px;"></image>
+                </li>
+                <li>
+                    <view class="top">新生儿</view>
+                    <view class="bottom">生育登记、社保办理等</view>
+                    <image src="/images/hyfw.png" alt="" style="width: 36rpx;height:37px;"></image>
+                </li>
+            </ul>
+        </view>

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

@@ -61,7 +61,11 @@ Page({
 	onLoad(){
 		
 	},
-
+	naChangeItem: function (e) {
+		this.setData({
+			naItem: e.currentTarget.dataset.item
+		})
+	},
 	/**
 	 * 页面相关事件处理函数--监听用户下拉动作
 	 */

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

@@ -1,4 +1,5 @@
 <!--pages/serve/serve.wxml-->
+<!-- 头部 -->
     <view class="header" style="background-image: url(/images/bgfw.png)">
         <view class="logo"></view>
         <view class="search">
@@ -25,6 +26,7 @@
             </li>
         </ul>
     </view>
+<!-- 一件事一次办 -->
     <view class="view-yjyb cont-width">
         <view class="title">
             <view class="line"></view>
@@ -36,6 +38,7 @@
             <view class="nav" style="background-image: url(/images/yjsycb-shtt.png);color: #DC5C0F;">基金会谈</view>
         </view>
     </view>
+<!-- 生活缴费 -->
     <view class="view-shjf cont-widthl">
         <view class="title" style="background-image: url(/images/bg-shjf.png);">
             <view style="font-size: 19px;font-weight: bold;color: #333333;">生活缴费</view>
@@ -53,85 +56,27 @@
             </li>
         </ul>
     </view>
+<!-- 办事 -->
     <view class="view-bs cont-widthl">
         <view class="nav">
             <view style="display: flex;">
-                <button class="nav-grbs click" onclick="person()">个人办事</button>
-                <button class="nav-qybs" onclick="enterprise()">企业办事</button>
+                <button class="nav-grbs {{naItem==0?'click':''}}" bindtap="naChangeItem" data-item="0">个人办事</button>
+                <button class="nav-qybs {{naItem==1?'click':''}}" bindtap="naChangeItem" data-item="1">企业办事</button>
             </view>
             <view class="more">更多 ></view>
         </view>
-        <view class="cont-grbs cont">
-            <view class="title">人生大事主体办</view>
-            <ul class="view-ul">
-                <li>
-                    <view class="top">新生儿</view>
-                    <view class="bottom">生育登记、社保办理等</view>
-                    <image src="/images/hyfw.png" alt="" style="width: 36rpx;height:37px;"></image>
-                </li>
-                <li>
-                    <view class="top">新生儿</view>
-                    <view class="bottom">生育登记、社保办理等</view>
-                    <image src="/images/hyfw.png" alt="" style="width: 28px;height:37px;"></image>
-                </li>
-                <li>
-                    <view class="top">新生儿</view>
-                    <view class="bottom">生育登记、社保办理等</view>
-                    <image src="/images/hyfw.png" alt="" style="width: 28px;height:37px;"></image>
-                </li>
-                <li>
-                    <view class="top">新生儿</view>
-                    <view class="bottom">生育登记、社保办理等</view>
-                    <image src="/images/hyfw.png" alt="" style="width: 28px;height:37px;"></image>
-                </li>
-                <li>
-                    <view class="top">新生儿</view>
-                    <view class="bottom">生育登记、社保办理等</view>
-                    <image src="/images/hyfw.png" alt="" style="width: 28px;height:37px;"></image>
-                </li>
-                <li>
-                    <view class="top">新生儿</view>
-                    <view class="bottom">生育登记、社保办理等</view>
-                    <image src="/images/hyfw.png" alt="" style="width: 28px;height:37px;"></image>
-                </li>
-            </ul>
-        </view>
-        <view class="cont-qybs cont" style="display: none;">
-            <view class="title">企业大事主体办</view>
-            <ul class="view-ul">
-                <li>
-                    <view class="top">新生儿1</view>
-                    <view class="bottom">生育登记、社保办理等1</view>
-                    <image src="/images/hyfw.png" alt="" style="width: 28px;height:37px;"></image>
-                </li>
-                <li>
-                    <view class="top">新生儿</view>
-                    <view class="bottom">生育登记、社保办理等</view>
-                    <image src="/images/hyfw.png" alt="" style="width: 28px;height:37px;"></image>
-                </li>
-                <li>
-                    <view class="top">新生儿</view>
-                    <view class="bottom">生育登记、社保办理等</view>
-                    <image src="/images/hyfw.png" alt="" style="width: 28px;height:37px;"></image>
-                </li>
-                <li>
-                    <view class="top">新生儿</view>
-                    <view class="bottom">生育登记、社保办理等</view>
-                    <image src="/images/hyfw.png" alt="" style="width: 28px;height:37px;"></image>
-                </li>
-                <li>
-                    <view class="top">新生儿</view>
-                    <view class="bottom">生育登记、社保办理等</view>
-                    <image src="/images/hyfw.png" alt="" style="width: 28px;height:37px;"></image>
-                </li>
-                <li>
-                    <view class="top">新生儿</view>
-                    <view class="bottom">生育登记、社保办理等</view>
-                    <image src="/images/hyfw.png" alt="" style="width: 36rpx;height:37px;"></image>
-                </li>
-            </ul>
-        </view>
+			<swiper current="{{naItem}}" style="height: 292px;">
+					<!-- 人生 -->
+					<swiper-item>
+						<include src="navTabgr.wxml" />
+					</swiper-item>
+					<!-- 企业 -->
+					<swiper-item>
+						<include src="navTabqy.wxml" />
+					</swiper-item>
+			</swiper>
     </view>
+<!-- 地图服务 -->
     <view class="view-dtfw cont-widthl">
         <view class="title" style="background-image: url(/images/bg-dtfw.png);">
             <view style="font-size: 19px;font-weight: bold;color: #333333;">地图服务</view>
@@ -151,6 +96,7 @@
             查看更多 >>
         </view>
     </view>
+<!-- 办理数据 -->
     <view class="view-blsj cont-width">
         <view class="title" >
             <view class="line"></view>
@@ -203,6 +149,7 @@
             </li>
         </ul>
     </view>
+<!-- 住页游乐购 -->
     <view class="view-zyylg cont-width">
         <view class="title">
             <view class="line"></view>

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

@@ -77,6 +77,12 @@ page {
     font-weight: 500;
     color: #FFFFFF;
 }
+.search-style{
+	font-size: 14px;
+	font-family: PingFang SC;
+	font-weight: 500;
+	color: #999999;
+}
 
 .cont-widthl {
     width: 96%;
@@ -110,8 +116,11 @@ page {
     background: #508FF4;
     margin-right: 20rpx;
 }
-
+.view-yjyb{
+	margin-top: -36px !important;
+}
 .view-yjyb .list {
+	margin-top: 15px;
     height: 89px;
     /*段落中文本不换行*/
     white-space: nowrap;
@@ -348,7 +357,9 @@ page {
 .view-blsj .hcpsj .top span{
     margin-left: 10rpx;
 }
-
+.view-zyylg{
+	height: 370px;
+}
 .view-zyylg ul {
     display: flex;
     flex-wrap: wrap;