diff --git a/public/static/web/css/style.css b/public/static/web/css/style.css index 0611249..0ca8f0f 100644 --- a/public/static/web/css/style.css +++ b/public/static/web/css/style.css @@ -69,7 +69,7 @@ display: none; } -.nav>.nav-item .sub-nav-item>a{ +.nav>.nav-item .sub-nav-item{ color: #ffffff; line-height: 60px; padding: 0 25px; @@ -2893,13 +2893,26 @@ } .head .nav>.nav-item>a{ + width: 100%; font-size: .32rem; line-height: 1rem; margin: 0; padding: 0; } .nav>.nav-item.active{ - border-bottom: 1px solid #09357f; + /* border-bottom: 1px solid #09357f; */ + } + + .nav>.nav-item.show .sub-nav-item{ + display: flex; + flex-direction: column; + line-height: .8rem; + margin-top: -.1rem; + padding: 0 .25rem .2rem; + } + .nav>.nav-item .sub-nav-item a{ + color: #666666; + font-size: .28rem; } .nav>.nav-item.active>a{ diff --git a/public/static/web/js/script.js b/public/static/web/js/script.js index e792da4..bbc221e 100644 --- a/public/static/web/js/script.js +++ b/public/static/web/js/script.js @@ -295,6 +295,19 @@ $(function(){ $('.head .head-btn').removeClass('cur'); $('.head .nav').removeClass('active'); }); + + $('.head .nav>.nav-item>a').click(function(){ + if($(this).parent().find('.sub-nav-item').length){ + $(this).attr('href', 'javascript:void(0)'); + if($(this).parent().hasClass('show')){ + $(this).parent().removeClass('show'); + }else{ + $('.head .nav>.nav-item').removeClass('show'); + $(this).parent().addClass('show'); + } + + } + }); } // 手机端二级导航