修改页面,完成单页模式新增首页返回上一页按钮
This commit is contained in:
@@ -0,0 +1,13 @@
|
||||
layui.define(["jquery","miniMenu","element","miniTab","miniTheme"],function(u){var i=layui.$,t=layui.layer,o=layui.miniMenu,c=layui.miniTheme,m=layui.element,f=layui.miniTab;if(!/http(s*):\/\//.test(location.href)){var d="请先将项目部署至web容器(Apache/Tomcat/Nginx/IIS/等),否则部分数据将无法显示";return t.alert(d)}var n={render:function(e){e.iniUrl=e.iniUrl||null,e.clearUrl=e.clearUrl||null,e.urlHashLocation=e.urlHashLocation||!1,e.bgColorDefault=e.bgColorDefault||0,e.multiModule=e.multiModule||!1,e.menuChildOpen=e.menuChildOpen||!1,e.loadingTime=e.loadingTime||0,e.pageAnim=e.pageAnim||!1,e.maxTabNum=e.maxTabNum||200,e.isHideOpenMenu=e.isHideOpenMenu?!0:e.isHideOpenMenu,i.getJSON(e.iniUrl,function(l){l==null?n.error("暂无菜单信息"):(n.renderLogo(l.logoInfo),n.renderClear(e.clearUrl),n.renderHome(l.homeInfo),n.renderAnim(e.pageAnim),n.listen(),o.render({menuList:l.menuInfo,multiModule:e.multiModule,menuChildOpen:e.menuChildOpen}),f.render({filter:"layuiminiTab",urlHashLocation:e.urlHashLocation,multiModule:e.multiModule,menuChildOpen:e.menuChildOpen,maxTabNum:e.maxTabNum,menuList:l.menuInfo,homeInfo:l.homeInfo,listenSwichCallback:function(){n.renderDevice()}}),c.render({bgColorDefault:e.bgColorDefault,listen:!0}),n.deleteLoader(e.loadingTime),n.isHideOpenMenu(e.isHideOpenMenu))}).fail(function(){n.error("菜单接口有误")})},isHideOpenMenu:function(e){i(".layui-side").on("click",".layui-nav-item",function(){e&&i(this).siblings("li").attr("class","layui-nav-item")})},renderLogo:function(e){var l='<a href="'+e.href+'"><img src="'+e.image+'" style="width:95%;" alt="logo"><h1>'+e.title+"</h1></a>";i(".layuimini-logo").html(l)},renderHome:function(e){sessionStorage.setItem("layuiminiHomeHref",e.href),i("#layuiminiHomeTabId").html('<span class="layuimini-tab-active"></span><span class="disable-close">'+e.title+'</span><i class="layui-icon layui-unselect layui-tab-close">ဆ</i>'),i("#layuiminiHomeTabId").attr("lay-id",e.href),i("#layuiminiHomeTabIframe").html('<iframe width="100%" height="100%" frameborder="no" border="0" marginwidth="0" marginheight="0" src="'+e.href+'"></iframe>')},renderClear:function(e){i(".layuimini-clear").attr("data-href",e)},renderAnim:function(e){e&&i("#layuimini-bg-color").after(`<style id="layuimini-page-anim">.layui-tab-item.layui-show {animation:moveTop 1s;-webkit-animation:moveTop 1s;animation-fill-mode:both;-webkit-animation-fill-mode:both;position:relative;height:100%;-webkit-overflow-scrolling:touch;}
|
||||
@keyframes moveTop {0% {opacity:0;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px);}
|
||||
100% {opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
|
||||
}
|
||||
@-o-keyframes moveTop {0% {opacity:0;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px);}
|
||||
100% {opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
|
||||
}
|
||||
@-moz-keyframes moveTop {0% {opacity:0;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px);}
|
||||
100% {opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
|
||||
}
|
||||
@-webkit-keyframes moveTop {0% {opacity:0;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px);}
|
||||
100% {opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
|
||||
}</style>`)},fullScreen:function(){var e=document.documentElement,l=e.requestFullScreen||e.webkitRequestFullScreen;if(typeof l!="undefined"&&l)l.call(e);else if(typeof window.ActiveXObject!="undefined"){var a=new ActiveXObject("WScript.Shell");a!=null&&a.SendKeys("{F11}")}else e.msRequestFullscreen?e.msRequestFullscreen():e.oRequestFullscreen?e.oRequestFullscreen():e.webkitRequestFullscreen?e.webkitRequestFullscreen():e.mozRequestFullScreen?e.mozRequestFullScreen():n.error("浏览器不支持全屏调用!")},exitFullScreen:function(){var e=document,l=e.cancelFullScreen||e.webkitCancelFullScreen||e.exitFullScreen;if(typeof l!="undefined"&&l)l.call(e);else if(typeof window.ActiveXObject!="undefined"){var a=new ActiveXObject("WScript.Shell");a!=null&&a.SendKeys("{F11}")}else e.msExitFullscreen?e.msExitFullscreen():e.oRequestFullscreen?e.oCancelFullScreen():e.mozCancelFullScreen?e.mozCancelFullScreen():e.webkitCancelFullScreen?e.webkitCancelFullScreen():n.error("浏览器不支持全屏调用!")},renderDevice:function(){n.checkMobile()&&(i(".layuimini-tool i").attr("data-side-fold",1),i(".layuimini-tool i").attr("class","layui-icon layui-icon-list"),i(".layui-layout-body").removeClass("layuimini-mini"),i(".layui-layout-body").addClass("layuimini-all"))},deleteLoader:function(e){e?setTimeout(function(){i(".layuimini-loader").fadeOut()},e*1e3):i(".layuimini-loader").fadeOut()},success:function(e){return t.msg(e,{icon:1,shade:this.shade,scrollbar:!1,time:2e3,shadeClose:!0})},error:function(e){return t.msg(e,{icon:2,shade:this.shade,scrollbar:!1,time:3e3,shadeClose:!0})},checkMobile:function(){var e=navigator.userAgent.toLocaleLowerCase(),l=navigator.platform.toLocaleLowerCase(),a=/android/i.test(e)||/iPhone|iPod|iPad/i.test(e)&&/linux/i.test(l)||/ucweb.*linux/i.test(e),r=/iPhone|iPod|iPad/i.test(e)&&!a,s=/Windows Phone|ZuneWP7/i.test(e),h=document.documentElement.clientWidth;return!(!a&&!r&&!s&&h>1024)},listen:function(){i("body").on("click","[data-clear]",function(){var e=t.load(0,{shade:!1,time:2e3});sessionStorage.clear();var l=i(this).attr("data-href");if(l!=null&&l!=""&&l!=null)i.getJSON(l,function(a,r){return t.close(e),a.code!=0?n.error(a.msg):n.success(a.msg)}).fail(function(){return t.close(e),n.error("清理缓存接口有误")});else return t.close(e),n.success("清除缓存成功")}),i("body").on("click","[data-refresh]",function(){i(".layui-tab-item.layui-show").find("iframe")[0].contentWindow.location.reload(),n.success("刷新成功")}),i("body").on("mouseenter",".layui-nav-tree .menu-li",function(){if(n.checkMobile())return!1;var e=i(this).attr("class"),l=i(this).prop("innerHTML"),a=i(".layuimini-tool i").attr("data-side-fold");a==0&&l&&(l="<ul class='layuimini-menu-left-zoom layui-nav layui-nav-tree layui-this'><li class='layui-nav-item layui-nav-itemed'>"+l+"</li></ul>",window.openTips=t.tips(l,i(this),{tips:[2,"#2f4056"],time:3e5,skin:"popup-tips",success:function(r){var s=i(r).position().left-10;i(r).css({left:s}),m.render()}}))}),i("body").on("mouseleave",".popup-tips",function(){if(n.checkMobile())return!1;var e=i(".layuimini-tool i").attr("data-side-fold");if(e==0)try{t.close(window.openTips)}catch(l){console.log(l.message)}}),i("body").on("click","[data-check-screen]",function(){var e=i(this).attr("data-check-screen");e=="full"?(n.fullScreen(),i(this).attr("data-check-screen","exit"),i(this).html('<i class="layui-icon layui-icon-screen-restore"></i>')):(n.exitFullScreen(),i(this).attr("data-check-screen","full"),i(this).html('<i class="layui-icon layui-icon-screen-full"></i>'))}),i("body").on("click",".layuimini-make",function(){n.renderDevice()})}};u("miniAdmin",n)});
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
+109
File diff suppressed because one or more lines are too long
+13
@@ -0,0 +1,13 @@
|
||||
layui.define(["jquery","element","miniTab"],function(m){var i=layui.$,r=layui.layer,u=layui.dropdown,f=layui.element,o=layui.miniTab;if(!/http(s*):\/\//.test(location.href)){var c="请先将项目部署至web容器(Apache/Tomcat/Nginx/IIS/等),否则部分数据将无法显示";return r.alert(c)}var n={render:function(e){e.iniUrl=e.iniUrl||null,e.urlHashLocation=e.urlHashLocation||!1,e.bgColorDefault=e.bgColorDefault||0,e.multiModule=e.multiModule||!1,e.menuChildOpen=e.menuChildOpen||!1,e.loadingTime=e.loadingTime||0,e.pageAnim=e.pageAnim||!1,e.maxTabNum=e.maxTabNum||200,e.isHideOpenMenu=e.isHideOpenMenu?!0:e.isHideOpenMenu,i.getJSON(e.iniUrl,function(a){a==null?n.error("暂无菜单信息"):(n.renderHome(a.homeInfo),n.renderAnim(e.pageAnim),n.listen(),u.render({elem:".menuitemon",data:a.menuInfo,customName:{id:"id",title:"title",children:"children"},trigger:"hover",click:function(t){o.openNewTab({...t,href:t.dizhi})}}),o.render({filter:"layuiminiTab",urlHashLocation:e.urlHashLocation,multiModule:e.multiModule,menuChildOpen:e.menuChildOpen,maxTabNum:e.maxTabNum,menuList:a.menuInfo,homeInfo:a.homeInfo,switchtoindex:e.switchtoindex||!1,listenSwichCallback:function(){n.renderDevice()}}),n.deleteLoader(e.loadingTime),n.isHideOpenMenu(e.isHideOpenMenu))}).fail(function(){n.error("菜单接口有误")})},isHideOpenMenu:function(e){i(".layui-side").on("click",".layui-nav-item",function(){e&&i(this).siblings("li").attr("class","layui-nav-item")})},renderHome:function(e){sessionStorage.setItem("layuiminiHomeHref",e.href),i("#layuiminiHomeTabId").html('<span class="layuimini-tab-active"></span><span class="disable-close">'+e.title+'</span><i class="layui-icon layui-unselect layui-tab-close">ဆ</i>'),i("#layuiminiHomeTabId").attr("lay-id",e.id),i("#layuiminiHomeTabIframe").html('<iframe width="100%" height="100%" frameborder="no" border="0" marginwidth="0" marginheight="0" src="'+e.href+'"></iframe>')},renderAnim:function(e){e&&i("#layuimini-bg-color").after(`<style id="layuimini-page-anim">.layui-tab-item.layui-show {animation:moveTop 1s;-webkit-animation:moveTop 1s;animation-fill-mode:both;-webkit-animation-fill-mode:both;position:relative;height:100%;-webkit-overflow-scrolling:touch;}
|
||||
@keyframes moveTop {0% {opacity:0;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px);}
|
||||
100% {opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
|
||||
}
|
||||
@-o-keyframes moveTop {0% {opacity:0;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px);}
|
||||
100% {opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
|
||||
}
|
||||
@-moz-keyframes moveTop {0% {opacity:0;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px);}
|
||||
100% {opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
|
||||
}
|
||||
@-webkit-keyframes moveTop {0% {opacity:0;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px);}
|
||||
100% {opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
|
||||
}</style>`)},renderDevice:function(){n.checkMobile()&&(i(".layuimini-tool i").attr("data-side-fold",1),i(".layuimini-tool i").attr("class","layui-icon layui-icon-list"),i(".layui-layout-body").removeClass("layuimini-mini"),i(".layui-layout-body").addClass("layuimini-all"))},deleteLoader:function(e){e?setTimeout(function(){i(".layuimini-loader").fadeOut()},e*1e3):i(".layuimini-loader").fadeOut()},success:function(e){return r.msg(e,{icon:1,shade:this.shade,scrollbar:!1,time:2e3,shadeClose:!0})},error:function(e){return r.msg(e,{icon:2,shade:this.shade,scrollbar:!1,time:3e3,shadeClose:!0})},checkMobile:function(){var e=navigator.userAgent.toLocaleLowerCase(),a=navigator.platform.toLocaleLowerCase(),t=/android/i.test(e)||/iPhone|iPod|iPad/i.test(e)&&/linux/i.test(a)||/ucweb.*linux/i.test(e),l=/iPhone|iPod|iPad/i.test(e)&&!t,s=/Windows Phone|ZuneWP7/i.test(e),d=document.documentElement.clientWidth;return!(!t&&!l&&!s&&d>1024)},listen:function(){i("body").on("mouseenter",".layui-nav-tree .menu-li",function(){if(n.checkMobile())return!1;var e=i(this).attr("class"),a=i(this).prop("innerHTML"),t=i(".layuimini-tool i").attr("data-side-fold");t==0&&a&&(a="<ul class='layuimini-menu-left-zoom layui-nav layui-nav-tree layui-this'><li class='layui-nav-item layui-nav-itemed'>"+a+"</li></ul>",window.openTips=r.tips(a,i(this),{tips:[2,"#2f4056"],time:3e5,skin:"popup-tips",success:function(l){var s=i(l).position().left-10;i(l).css({left:s}),f.render()}}))}),i("body").on("mouseleave",".popup-tips",function(){if(n.checkMobile())return!1;var e=i(".layuimini-tool i").attr("data-side-fold");if(e==0)try{r.close(window.openTips)}catch(a){console.log(a.message)}}),i("body").on("click",".layuimini-make",function(){n.renderDevice()})}};m("xphp",n)});
|
||||
Reference in New Issue
Block a user