1

2024-09-01 16:54:09 +08:00
commit a7b6b88833
498 changed files with 54225 additions and 0 deletions
@@ -0,0 +1,132 @@
+@charset "utf-8";
+/* 以下实际使用若已初始化可删除 .lsm-sidebar height父级需逐级设置为100%*/
+body,html{height: 100%;background: #E2E2E2}
+body,ul{margin:0;padding:0}
+body{font:14px "微软雅黑","宋体","Arial Narrow",HELVETICA;-webkit-text-size-adjust:100%;}
+li{list-style:none}
+a{text-decoration:none;}
+/* 以上实际使用若已初始化可删除 */
+
+/* lsm-sidebar */
+.left-side-menu,.lsm-popup.lsm-sidebar   ul li, .lsm-container.lsm-mini .lsm-sidebar>ul>li.lsm-sidebar-item>ul>li.lsm-sidebar-item>ul{
+    background: #3b3e47;
+}
+
+
+.left-side-menu {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none; user-select: none; }
+.left-side-menu{height: calc(100% - 80px);width: 220px;}
+.lsm-expand-btn{height: 65px;}
+.lsm-container {height: calc(100% - 65px); transition: all .3s;z-index: 100}
+
+.lsm-container li>a.active{ background: #c55b03; color: #fff; }
+
+
+.lsm-sidebar a{display: block;overflow: hidden;padding-left: 20px;line-height: 40px;max-height: 40px;color: #b2b8be;transition: all .3s;}
+.lsm-container ul:first-child > li> a, .lsm-container ul:first-child > li> a span{ line-height: 55px;max-height: 55px; }
+.lsm-sidebar a span{margin-left: 30px;}
+.lsm-sidebar .lsm-sidebar-item .lsm-sidebar-item >ul>li a span{margin-left: 60px;}
+.lsm-sidebar-item{position: relative;}
+.lsm-sidebar-item.lsm-sidebar-show{border-bottom: none;}
+.lsm-sidebar-item ul{display: none;background: rgba(0,0,0,.1);}
+.lsm-sidebar-item.lsm-sidebar-show ul{display: block;}
+.lsm-sidebar-item>a:before{content: "";position: absolute;left: 0px;width: 2px;height: 40px;background: #34A0CE;opacity:0;transition: all .3s;}
+.lsm-container ul:first-child>li.lsm-sidebar-item>a:before{height: 55px;}
+.lsm-sidebar .lsm-sidebar-icon{font-size: 20px;position: absolute;margin-left:-1px;}
+/* 此处修改导航图标 可自定义iconfont 替换*/
+.icon_1::after{content: "\e62b";}
+.icon_2::after{content: "\e669";}
+.icon_3::after{content: "\e61d";}
+.icon_3::after{content: "\e698";}
+
+.lsm-sidebar-more{float:right;margin-right: 20px;font-size: 12px;transition: transform .3s;}
+
+/* 导航右侧箭头 换用其他字体需要替换*/
+.lsm-sidebar-more::after{content: "\e621";}
+
+
+.lsm-sidebar-show > a > i.my-icon.lsm-sidebar-more{transform:rotate(90deg);}
+.lsm-sidebar-show,.lsm-sidebar-item>a:hover{color: #FFF;background: rgba(0, 0, 0, 0.2);}
+.lsm-sidebar-show>a:before,.lsm-sidebar-item>a:hover:before{opacity:1;}
+.lsm-sidebar-item li>a:hover,.lsm-popup>div>ul>li>a:hover{color: #FFF; background: #6e809c;}
+.lsm-mini-btn{height: 70px;width: 70px;}
+.lsm-mini-btn svg{margin: -10px 0 0 -10px;}
+.lsm-mini-btn input[type="checkbox"]{display: none;}
+
+.lsm-mini-btn path {
+    fill: none;
+    stroke: #ffffff;
+    stroke-width: 3;
+    stroke-linecap: round;
+    stroke-linejoin: round;
+    --length: 24;
+    --offset: -38;
+    stroke-dasharray: var(--length) var(--total-length);
+    stroke-dashoffset: var(--offset);
+    transition: all .8s cubic-bezier(.645, .045, .355, 1);
+}
+
+.lsm-mini-btn circle {fill: #fff3;opacity: 0;}
+.lsm-mini-btn label {top: 0; right: 0;}
+.lsm-mini-btn label:hover circle {opacity: 1;}
+.lsm-mini-btn input:checked+svg .line--1, .lsm-mini-btn input:checked+svg .line--3 {--length: 8.602325267;}
+.lsm-mini-btn .line--1, .lsm-mini-btn .line--3 {--total-length: 126.38166809082031;}
+.lsm-mini-btn .line--2 {--total-length: 80;}
+.lsm-mini-btn input:checked+svg .line--1, .lsm-mini-btn input:checked+svg .line--3 {--offset: -109.1770175568;}
+
+.lsm-mini .lsm-container, .lsm-mini .lsm-container{width: 60px;}
+.lsm-container.lsm-mini .lsm-sidebar .lsm-sidebar-icon{/* margin-left:-2px; */}
+.left-side-menu.lsm-mini ul:first-child>li.lsm-sidebar-item>a span{display: none;}
+.left-side-menu.lsm-mini ul:first-child>li.lsm-sidebar-item>a> i.lsm-sidebar-more{margin-right: -20px;}
+
+.lsm-container.lsm-mini .lsm-sidebar>ul>li.lsm-sidebar-item>ul>li.lsm-sidebar-item>ul{
+    display:none;
+    position: absolute;top:0px;left:180px;width: 180px;z-index: 99;
+    bottom: 0px;
+    top: 0px;
+    overflow: hidden;
+}
+.left-side-menu.lsm-mini ul:first-child > li > ul{
+    display: none;
+}
+.transform { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
+.lsm-popup div{background: #05161f;}
+.lsm-popup{
+    display: block;
+    position: absolute;
+    border: 3px solid rgba(60, 71, 76, 0);
+}
+
+.lsm-popup > div > a > i.my-icon.lsm-sidebar-more{
+    transform:rotate(90deg);
+}
+
+.lsm-popup.second{
+    left: 60px;
+}
+.lsm-popup.third{
+    left: 243px;
+}
+.lsm-popup.third.lsm-sidebar > div > ul {
+    display: block;
+}
+.lsm-popup div {
+    border-radius: 5px;
+}
+.lsm-popup .lsm-sidebar-icon{
+    display: none;
+}
+.lsm-popup.lsm-sidebar a span{
+    margin-left: 0px;
+}
+.lsm-popup.lsm-sidebar > div > ul > li.lsm-sidebar-item>ul{position: absolute;top:0px;left:180px;width: 180px;z-index: 99;}
+
+.lsm-popup.lsm-sidebar   ul {
+    width: 180px;
+}
+.lsm-popup.lsm-sidebar   ul li{
+    width: 180px;
+}
+.lsm-popup.lsm-sidebar ul li:last-child, .lsm-popup>div>ul>li:last-child>a{
+    border-radius: 0 0 5px 5px ;
+}
+
@@ -0,0 +1,16 @@
+/*! Copyright (c) 2011 Piotr Rochala (http://rocha.la)
+ * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
+ * and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
+ *
+ * Version: 1.3.8
+ *
+ */
+(function(e){e.fn.extend({slimScroll:function(f){var a=e.extend({width:"auto",height:"250px",size:"7px",color:"#000",position:"right",distance:"1px",start:"top",opacity:.4,alwaysVisible:!1,disableFadeOut:!1,railVisible:!1,railColor:"#333",railOpacity:.2,railDraggable:!0,railClass:"slimScrollRail",barClass:"slimScrollBar",wrapperClass:"slimScrollDiv",allowPageScroll:!1,wheelStep:20,touchScrollStep:200,borderRadius:"7px",railBorderRadius:"7px"},f);this.each(function(){function v(d){if(r){d=d||window.event;
+var c=0;d.wheelDelta&&(c=-d.wheelDelta/120);d.detail&&(c=d.detail/3);e(d.target||d.srcTarget||d.srcElement).closest("."+a.wrapperClass).is(b.parent())&&n(c,!0);d.preventDefault&&!k&&d.preventDefault();k||(d.returnValue=!1)}}function n(d,g,e){k=!1;var f=b.outerHeight()-c.outerHeight();g&&(g=parseInt(c.css("top"))+d*parseInt(a.wheelStep)/100*c.outerHeight(),g=Math.min(Math.max(g,0),f),g=0<d?Math.ceil(g):Math.floor(g),c.css({top:g+"px"}));l=parseInt(c.css("top"))/(b.outerHeight()-c.outerHeight());g=
+l*(b[0].scrollHeight-b.outerHeight());e&&(g=d,d=g/b[0].scrollHeight*b.outerHeight(),d=Math.min(Math.max(d,0),f),c.css({top:d+"px"}));b.scrollTop(g);b.trigger("slimscrolling",~~g);w();p()}function x(){u=Math.max(b.outerHeight()/b[0].scrollHeight*b.outerHeight(),30);c.css({height:u+"px"});var a=u==b.outerHeight()?"none":"block";c.css({display:a})}function w(){x();clearTimeout(B);l==~~l?(k=a.allowPageScroll,C!=l&&b.trigger("slimscroll",0==~~l?"top":"bottom")):k=!1;C=l;u>=b.outerHeight()?k=!0:(c.stop(!0,
+!0).fadeIn("fast"),a.railVisible&&m.stop(!0,!0).fadeIn("fast"))}function p(){a.alwaysVisible||(B=setTimeout(function(){a.disableFadeOut&&r||y||z||(c.fadeOut("slow"),m.fadeOut("slow"))},1E3))}var r,y,z,B,A,u,l,C,k=!1,b=e(this);if(b.parent().hasClass(a.wrapperClass)){var q=b.scrollTop(),c=b.siblings("."+a.barClass),m=b.siblings("."+a.railClass);x();if(e.isPlainObject(f)){if("height"in f&&"auto"==f.height){b.parent().css("height","auto");b.css("height","auto");var h=b.parent().parent().height();b.parent().css("height",
+h);b.css("height",h)}else"height"in f&&(h=f.height,b.parent().css("height",h),b.css("height",h));if("scrollTo"in f)q=parseInt(a.scrollTo);else if("scrollBy"in f)q+=parseInt(a.scrollBy);else if("destroy"in f){c.remove();m.remove();b.unwrap();return}n(q,!1,!0)}}else if(!(e.isPlainObject(f)&&"destroy"in f)){a.height="auto"==a.height?b.parent().height():a.height;q=e("<div></div>").addClass(a.wrapperClass).css({position:"relative",overflow:"hidden",width:a.width,height:a.height});b.css({overflow:"hidden",
+width:a.width,height:a.height});var m=e("<div></div>").addClass(a.railClass).css({width:a.size,height:"100%",position:"absolute",top:0,display:a.alwaysVisible&&a.railVisible?"block":"none","border-radius":a.railBorderRadius,background:a.railColor,opacity:a.railOpacity,zIndex:90}),c=e("<div></div>").addClass(a.barClass).css({background:a.color,width:a.size,position:"absolute",top:0,opacity:a.opacity,display:a.alwaysVisible?"block":"none","border-radius":a.borderRadius,BorderRadius:a.borderRadius,MozBorderRadius:a.borderRadius,
+WebkitBorderRadius:a.borderRadius,zIndex:99}),h="right"==a.position?{right:a.distance}:{left:a.distance};m.css(h);c.css(h);b.wrap(q);b.parent().append(c);b.parent().append(m);a.railDraggable&&c.bind("mousedown",function(a){var b=e(document);z=!0;t=parseFloat(c.css("top"));pageY=a.pageY;b.bind("mousemove.slimscroll",function(a){currTop=t+a.pageY-pageY;c.css("top",currTop);n(0,c.position().top,!1)});b.bind("mouseup.slimscroll",function(a){z=!1;p();b.unbind(".slimscroll")});return!1}).bind("selectstart.slimscroll",
+function(a){a.stopPropagation();a.preventDefault();return!1});m.hover(function(){w()},function(){p()});c.hover(function(){y=!0},function(){y=!1});b.hover(function(){r=!0;w();p()},function(){r=!1;p()});b.bind("touchstart",function(a,b){a.originalEvent.touches.length&&(A=a.originalEvent.touches[0].pageY)});b.bind("touchmove",function(b){k||b.originalEvent.preventDefault();b.originalEvent.touches.length&&(n((A-b.originalEvent.touches[0].pageY)/a.touchScrollStep,!0),A=b.originalEvent.touches[0].pageY)});
+x();"bottom"===a.start?(c.css({top:b.outerHeight()-c.outerHeight()}),n(0,!0)):"top"!==a.start&&(n(e(a.start).position().top,null,!0),a.alwaysVisible||c.hide());window.addEventListener?(this.addEventListener("DOMMouseScroll",v,!1),this.addEventListener("mousewheel",v,!1)):document.attachEvent("onmousewheel",v)}});return this}});e.fn.extend({slimscroll:e.fn.slimScroll})})(jQuery);
@@ -0,0 +1,97 @@
+$(function(){
+    $('.lsm-scroll').slimscroll({
+        height: 'auto',
+        position: 'right',
+        railOpacity: 1,
+        size: "5px",
+        opacity: .4,
+        color: '#fffafa',
+        wheelStep: 5,
+        touchScrollStep: 50
+    });
+    $('.lsm-container ul ul').css("display", "none");
+    // lsm-sidebar收缩展开
+    $('.lsm-sidebar a').on('click',function(){
+        $('.lsm-scroll').slimscroll({
+            height: 'auto',
+            position: 'right',
+            size: "8px",
+            color: '#9ea5ab',
+            wheelStep: 5,
+            touchScrollStep: 50
+        });
+        if (!$('.left-side-menu').hasClass('lsm-mini')) {
+            $(this).parent("li").siblings("li.lsm-sidebar-item").children('ul').slideUp(200);
+            if ($(this).next().css('display') == "none") {
+                //展开未展开
+                // $('.lsm-sidebar-item').children('ul').slideUp(300);
+                $(this).next('ul').slideDown(200);
+                $(this).parent('li').addClass('lsm-sidebar-show').siblings('li').removeClass('lsm-sidebar-show');
+            }else{
+                //收缩已展开
+                $(this).next('ul').slideUp(200);
+                //$('.lsm-sidebar-item.lsm-sidebar-show').removeClass('lsm-sidebar-show');
+                $(this).parent('li').removeClass('lsm-sidebar-show');
+            }
+        }
+    });
+    //lsm-mini
+    $('.lsm-mini-btn svg').on('click',function(){
+        if ($('.lsm-mini-btn input[type="checkbox"]').prop("checked")) {
+            $('.lsm-sidebar-item.lsm-sidebar-show').removeClass('lsm-sidebar-show');
+            $('.lsm-container ul').removeAttr('style');
+            $('.left-side-menu').addClass('lsm-mini');
+            $('.left-side-menu').stop().animate({width : 60},200);
+        }else{
+            $('.left-side-menu').removeClass('lsm-mini');
+            $('.lsm-container ul ul').css("display", "none");
+            $('.left-side-menu').stop().animate({width: 240},200);
+        }
+
+    });
+
+    $(document).on('mouseover','.lsm-mini .lsm-container ul:first>li',function(){
+        $(".lsm-popup.third").hide();
+        $(".lsm-popup.second").length == 0 && ($(".lsm-container").append("<div class='second lsm-popup lsm-sidebar'><div></div></div>"));
+        $(".lsm-popup.second>div").html($(this).html());
+        $(".lsm-popup.second").show();
+        $(".lsm-popup.third").hide();
+        var top = $(this).offset().top;
+        var d = $(window).height() - $(".lsm-popup.second>div").height();
+        if(d - top <= 0 ){
+            top  = d >= 0 ?  d - 8 : 0;
+        }
+        $(".lsm-popup.second").stop().animate({"top":top}, 100);
+    });
+
+    $(document).on('mouseover','.second.lsm-popup.lsm-sidebar > div > ul > li',function(){
+        if(!$(this).hasClass("lsm-sidebar-item")){
+            $(".lsm-popup.third").hide();
+            return;
+        }
+        $(".lsm-popup.third").length == 0 && ($(".lsm-container").append("<div class='third lsm-popup lsm-sidebar'><div></div></div>"));
+        $(".lsm-popup.third>div").html($(this).html());
+        $(".lsm-popup.third").show();
+        var top = $(this).offset().top;
+        var d = $(window).height() - $(".lsm-popup.third").height();
+        if(d - top <= 0 ){
+            top  = d >= 0 ?  d - 8 : 0;
+        }
+        $(".lsm-popup.third").stop().animate({"top":top}, 100);
+    });
+
+    $(document).on('mouseleave','.lsm-mini .lsm-container ul:first, .lsm-mini .slimScrollBar,.second.lsm-popup ,.third.lsm-popup',function(){
+        $(".lsm-popup.second").hide();
+        $(".lsm-popup.third").hide();
+    });
+
+    $(document).on('mouseover','.lsm-mini .slimScrollBar,.second.lsm-popup',function(){
+        $(".lsm-popup.second").show();
+    });
+    $(document).on('mouseover','.third.lsm-popup',function(){
+        $(".lsm-popup.second").show();
+        $(".lsm-popup.third").show();
+    });
+	
+	showMenu();
+});