集合平台导航

liuqimichale
1 parent a50bbd27
Showing 5 changed files with 31 additions and 9 deletions
css/index.css
img/footer-bg-1.png
img/footer-bg-2.png
img/footer-bg-3.png
js/index.js
@@ -1251,15 +1251,33 @@ header{
 /*底部_______________________________________________*/
 .footer-nav{
-    width: 1270px;
+    max-width: 1270px;
     height: 130px;
     margin: 0 auto;
-    background: url("../img/footer-bg.png") no-repeat center bottom;
-    display: flex;
+    background: url("../img/footer-bg-1.png") repeat-x center bottom;
+    display: inline-flex;
+    position: relative;
+}
+.footer-nav:before,.footer-nav:after{
+    content: '';
+    position: absolute;
+    top:0;
+    width: 100px;
+    height: 130px;
+}
+.footer-nav:before{
+    left: -100px;
+    background: url("../img/footer-bg-2.png") no-repeat center bottom;
+}
+.footer-nav:after{
+    right:  -100px;
+    background: url("../img/footer-bg-3.png") no-repeat center bottom;
 }
 .footer-nav li{
-    flex: 1;
-    width: 76px;
+    /*flex: 1;*/
+    float: left;
+    min-width: 200px;
+    max-width: 300px;
     height: 130px;
     padding-top: 86px;
     cursor: pointer;
@@ -51,8 +51,9 @@ var fun={
         var imgList='';
         var sysOpList=sessionStorage.getItem("sysOpProjectDTOList");
         if(sysOpList=='' ||sysOpList==null ||sysOpList==undefined){
-            menuList='<li class="parking-nav active" data-slideindex="6">任你停官网</li>';
+            menuList+='<li class="parking-nav active" data-slideindex="6">任你停官网</li>';
             imgList='<li class="parking-wrap" data-link="http://www.renniting.cn"></li>';
+            // menuList+='<li class="clearfix"></li>';
             $('#box').html(imgList);
             $('#controls').html(menuList);
         }
@@ -102,12 +103,15 @@ var fun={
                     menuList+='<li class="gprmxc-nav" data-slideindex="4">'+sysOpProList[i].projectName+'</li>';
                     imgList+='<li class="gprmxc-wrap"  data-link="http://gprmxc.renniting.cn/home/home.html"></li>';
                 }else if(sysOpProList[i].projectCode==''||sysOpProList[i].projectCode==null||sysOpProList[i].projectCode==undefined){
-                    menuList='<li class="parking-nav active" data-slideindex="5">任你停官网</li>';
+                    menuList+='<li class="parking-nav active" data-slideindex="5">任你停官网</li>';
                     imgList='<li class="parking-wrap" data-link="http://www.renniting.cn"></li>';
                 }
-            $('#box').html(imgList);
-            $('#controls').html(menuList);
+
+
         }
+        menuList+='<div class="clearfix"></div>';
+        $('#box').append(imgList);
+        $('#controls').append(menuList);
     },
     //用户退出登录
     loginOut:function () {