Browse Source

修改导航样式

ljh 2 years ago
parent
commit
d0b301fda6

+ 11 - 5
nngkxxdp/src/main/resources/static/app/css/navigation.css

@@ -49,6 +49,11 @@ li {
     height: 14px;
 }
 
+.choise {
+    color: #1D498E;
+    border-bottom:#1D498E;
+}
+
 .content {
     width: 100%;
     min-width: 750px;
@@ -114,17 +119,18 @@ li {
 
 .zclx .zclx-content {
     display: flex;
-    flex-wrap: wrap;  
+    flex-wrap: wrap;
     justify-content: flex-start;
 }
 
-.zclx .zclx-content .type-item{
+.zclx .zclx-content .type-item {
     flex: 0 0 18%;
+    margin-right: calc(10% / 5);
+    margin-bottom: 20px;
+    width: 95px;
     font-size: 24px;
     font-family: PingFang SC;
     font-weight: 400;
-    color: #1D498E;
+    color: #333333;
     line-height: 60px;
-    margin-right: calc(10% / 5);
-    margin-bottom: 20px;
 }

+ 1 - 1
nngkxxdp/src/main/resources/static/app/navigation.html

@@ -28,7 +28,7 @@
                     </div>
                 </div>
                 <div class="zclx-content">
-                    <div class="type-item">延期办理</div>
+                    <div class="type-item choise">延期办理</div>
                     <div class="type-item">延期办理</div>
                     <div class="type-item">延期办理</div>
                     <div class="type-item">延期办理</div>

+ 2 - 3
nngkxxdp/src/main/resources/static/hqzc/indexs.html

@@ -299,7 +299,7 @@
                                 if (docList[i].processingMaterials) {
                                     html += '<p style="text - align: left;"><img src = "./image/cqnc-eight.png" width = "100" height = "22" style = "" title = "办理材料"></p > <p style="text-align: left;">' + docList[i].processingMaterials + '</p>'
                                 }
-                               
+                             
                                 html += '</dd>';
                                 html += '</dl>';
                             }
@@ -310,11 +310,10 @@
                             $(".zclist dl dd").css("display", "none");
                             $(".zclist dl dt").removeClass("on");
                             $(".zclist dl dt p").removeClass("on");
+                            $(".zclist dl dt p").addClass("flot");
                             $(this).children(1).removeClass("flot");
-                            
                             $(this).addClass("on");
                             $(this).children(1).addClass("on");
-                            $(this).children(1).addClass("flot");
                             $(this).next("dd").css("display", "block");
                             $('html,body').animate({ scrollTop: $(this).offset().top }, 500);
                         });