diff --git a/css/flexleft.css b/css/flexleft.css index b708792..d4002d4 100644 --- a/css/flexleft.css +++ b/css/flexleft.css @@ -39,7 +39,7 @@ right: 0; bottom: 0; content: ''; - background: rgba(0,0,0,0.3); + background: rgba(0,0,0,.6); } .video_img{ position: absolute; diff --git a/demo.html b/demo.html index 46787e4..6975b8d 100644 --- a/demo.html +++ b/demo.html @@ -1541,7 +1541,9 @@ } // 根据更新后的option重新画图 function redrawGraph() { - $('.fixed-left').css({left: 0}); + $('.fixed-left').css({left: 0}).addClass('collpased'); + $('.screen-btn').css({left: '360px'}); + $('.collpase-icon').addClass('icon-shouqi').removeClass('icon-zhankai'); optionGraph.series[0].data = Object.values(currentGraph.nodes); optionGraph.series[0].links = Object.values(currentGraph.links); myChartGraph.setOption(optionGraph); diff --git a/js/demo.js b/js/demo.js index 656ec93..e4d393e 100644 --- a/js/demo.js +++ b/js/demo.js @@ -4,7 +4,7 @@ * @Github: * @Date: 2019-12-11 09:17:17 * @LastEditors: tangjiang - * @LastEditTime: 2019-12-11 16:00:21 + * @LastEditTime: 2019-12-11 16:37:08 */ $(document).ready(function () { @@ -26,7 +26,7 @@ $(document).ready(function () { // 点击地图时,调用此方法 function showOrHideSlider () { if ($('.fixed-left').hasClass('collpased')) { - $('.fixed-left').css({ left: '-400px'}).removeClass('collpased'); + $('.fixed-left').css({ left: '-400px'}).removeClass('collpased').removeClass('active'); $('.left_echart').css({left: '-400px'}); $('.screen-btn').css({left: '-50px'}); // $('.map_header').css({left: 0}); @@ -35,7 +35,7 @@ $(document).ready(function () { } else { $('.fixed-left').css({ left: '0px' }).addClass('collpased'); $('.left_echart').css({left: '0px'}); - $('.screen-btn').css({ left: '370px' }); + $('.screen-btn').css({ left: '360px' }); // $('.map_header').css({left: '400px'}); // $('.collpase-icon').remove('icon-shouqi').add('icon-zhankai'); }