From 00e820faeca5781b11bf16f4ff8078518e735c04 Mon Sep 17 00:00:00 2001 From: liuqimichale <123456lq> Date: Wed, 28 Nov 2018 10:31:53 +0800 Subject: [PATCH] 集合平台 导航 --- css/index.css | 28 +++++++++++++++++++++++----- img/footer-bg-1.png | Bin 0 -> 351 bytes img/footer-bg-2.png | Bin 0 -> 4107 bytes img/footer-bg-3.png | Bin 0 -> 4201 bytes js/index.js | 12 ++++++++---- 5 files changed, 31 insertions(+), 9 deletions(-) create mode 100644 img/footer-bg-1.png create mode 100644 img/footer-bg-2.png create mode 100644 img/footer-bg-3.png diff --git a/css/index.css b/css/index.css index 0a62481..9b7299f 100755 --- a/css/index.css +++ b/css/index.css @@ -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; diff --git a/img/footer-bg-1.png b/img/footer-bg-1.png new file mode 100644 index 0000000..0aa59a2 Binary files /dev/null and b/img/footer-bg-1.png differ diff --git a/img/footer-bg-2.png b/img/footer-bg-2.png new file mode 100644 index 0000000..69b9302 Binary files /dev/null and b/img/footer-bg-2.png differ diff --git a/img/footer-bg-3.png b/img/footer-bg-3.png new file mode 100644 index 0000000..7ba35c1 Binary files /dev/null and b/img/footer-bg-3.png differ diff --git a/js/index.js b/js/index.js index 67bcaa6..9c7686f 100644 --- a/js/index.js +++ b/js/index.js @@ -51,8 +51,9 @@ var fun={ var imgList=''; var sysOpList=sessionStorage.getItem("sysOpProjectDTOList"); if(sysOpList=='' ||sysOpList==null ||sysOpList==undefined){ - menuList='
  • 任你停官网
  • '; + menuList+='
  • 任你停官网
  • '; imgList='
  • '; + // menuList+='
  • '; $('#box').html(imgList); $('#controls').html(menuList); } @@ -102,12 +103,15 @@ var fun={ menuList+='
  • '+sysOpProList[i].projectName+'
  • '; imgList+='
  • '; }else if(sysOpProList[i].projectCode==''||sysOpProList[i].projectCode==null||sysOpProList[i].projectCode==undefined){ - menuList='
  • 任你停官网
  • '; + menuList+='
  • 任你停官网
  • '; imgList='
  • '; } - $('#box').html(imgList); - $('#controls').html(menuList); + + } + menuList+='
    '; + $('#box').append(imgList); + $('#controls').append(menuList); }, //用户退出登录 loginOut:function () { -- libgit2 0.21.4