.jimu-widget-LeftNavigationBar { position: absolute !important; /* font-size: 14px; */ height: 0 !important; /* height: calc(100%) !important; */ width: 0 !important; right: auto !important; bottom: auto !important; /* left: -250px !important; */ left: 0; top: 0 !important; /* 240px */ background: rgba(255, 255, 255, 1); color: #000; /* border : 1px solid rgba(0, 0, 0, 0.3); */ border-radius: 6px 6px 6px 6px; /* text-align : center; */ /* cursor : pointer; */ /* z-index: -10 !important; */ box-sizing: border-box; /* padding: 0 20px 0 20px!important; */ /* display: flex; align-items: center; justify-content: center; */ box-shadow: 5px 5px 13px -10px rgba(0, 0, 0, .5); transition: all 0.5s; /* display: none; */ } /* .jimu-widget-LeftNavigationBar .left-navigation-bar-but { width: 23px; height: 60px; border-radius: 0 10px 10px 0; display: flex; align-items: center; justify-content: center; position: relative; left: calc(100% - 1px); top: calc(50%); background-color: #fff; box-shadow: 5px 5px 15px -5px rgba(0, 0, 0, .5); cursor: pointer; float: left; z-index: 17 !important; }*/ .jimu-widget-LeftNavigationBar .left-navigation-bar-but { position: fixed; top: 20px; right: 10px; z-index: 16 !important; width: 90px; height: 36px; line-height: 36px; display: flex; align-items: center; justify-content: center; cursor: pointer; background: rgba(254, 254, 254, 1); font-size: 14px; border-radius: 0 6px 6px 0; } .jimu-widget-LeftNavigationBar .left-navigation-bar-but>div { width: 100%; height: 24px; border-right: 1px solid #DDDDDD; display: flex; align-items: center; justify-content: center; cursor: pointer; } .jimu-widget-LeftNavigationBar .left-navigation-bar-but:hover .v-a-o-title { text-decoration: underline; } .jimu-widget-LeftNavigationBar .left-navigation-bar-but .v-a-o-title { color: #838383 !important; position: relative; left: 3px; } .jimu-widget-LeftNavigationBar .left-navigation-bar-but i { width: 14px; height: 14px; margin-right: 4px; vertical-align: middle; background: url(../../../images/目录树.png) no-repeat; background-size: 100% 100%; } .jimu-widget-LeftNavigationBar #l-n-b-m-search-closeOUR { position: absolute; right: 5px; top: 5px; cursor: pointer; font-size: 18px; } .jimu-widget-LeftNavigationBar #l-n-b-m-search-closeOUR:hover { color: red; } .jimu-widget-LeftNavigationBar .left-navigation-bar-main { display: none; position: fixed; width: 0px; height: 0px; /* height: 200px; */ /* max-height: 1000px; */ padding: 0px; background-color: #fff; z-index: 15 !important; top: 66px; /* left: 10px; */ right: 10px; /* top: 72px; */ /* left: 60px; */ border-radius: 5px; box-shadow: 0 0 8px #fff; /* transition: all 0.5s; */ /* border: 1px saddlebrown solid; */ } .jimu-widget-LeftNavigationBar .left-navigation-bar-main .l-n-b-m-search { /* position: relative; */ /* top: 16px; */ width: calc(100% - 30px); margin: 0 0 20px 10px; height: 40px; /* padding: 10px; */ border: 1px rgba(0, 0, 0, .2) solid; border-radius: 5px; display: flex; align-items: center; justify-content: center; } .jimu-widget-LeftNavigationBar .left-navigation-bar-main .l-n-b-m-search input { border: none; width: calc(90% - 50px); height: 30px; } .jimu-widget-LeftNavigationBar .left-navigation-bar-main .l-n-b-m-search img { width: 35px; cursor: pointer; z-index: 18; } .jimu-widget-LeftNavigationBar .left-navigation-bar-main .l-n-b-m-search input::-webkit-input-placeholder { color: #afafaf; font-size: 14px; } .jimu-widget-LeftNavigationBar .left-navigation-bar-main .l-n-b-m-search input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #afafaf; font-size: 14px; } .jimu-widget-LeftNavigationBar .left-navigation-bar-main .l-n-b-m-search input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #afafaf; font-size: 14px; } .jimu-widget-LeftNavigationBar .left-navigation-bar-main .l-n-b-m-search input::-ms-input-placeholder { color: #afafaf; font-size: 14px; } .jimu-widget-LeftNavigationBar .left-navigation-bar-main #left-tree-list { /* position: relative; */ /* top: 72px; */ width: calc(100% - 20px); /* height: calc(100% - 82px); */ margin: 0 0 5px 10px; max-height: 300px; overflow-y: auto; overflow-x: hidden; /* border: 1px saddlebrown solid; */ } .jimu-widget-LeftNavigationBar .left-navigation-bar-main #test1 { height: calc(100% - 58px); overflow: auto; } .jimu-widget-LeftNavigationBar .left-navigation-bar-main .layui-tree-entry { height: auto !important; } .left-navigation-bar-main-down:after { content: ""; position: absolute; left: 4px; top: 3px; z-index: 100; width: 0; height: 0; border-width: 5px; border-style: solid; border-color: transparent transparent transparent #c0c4cc; /* border-color: #c0c4cc transparent transparent transparent; */ transform: rotate(90deg); transition: .5s; } .left-navigation-bar-main-current { background-color: #2ab9ec } .layui-form-checked[lay-skin=primary] i { background-color: #36A0FD !important; } .layui-tree-spread .layui-tree-iconArrow:after { border-color: #c0c4cc transparent transparent transparent !important; } .jimu-widget-LeftNavigationBar .layui-tree-main { width: calc(100% - 22px); padding: 0; } .jimu-widget-LeftNavigationBar .layui-tree-txt { width: calc(100% - 28px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }