修改页面,完成单页模式新增首页返回上一页按钮
This commit is contained in:
@@ -0,0 +1 @@
|
||||
layui.define(["jquery"],function(h){var a=layui.jquery,l={init:function(o){o.data=o.data||[{name:"暂无数据"}],o.rows=o.rows||1,o.moreUpText=o.moreUpText||"更多",o.moreDownText=o.moreDownText||"收起",o.href=o.href||!1,o.herfBlank=o.herfBlank?"_blank":"_self",o.themeColor=o.themeColor||"green",o.size=o.size?"layui-btn-"+o.size:"layui-btn";var s,r=a(o.elemId),p,c,t=!0,f=!1;r.addClass("box-item-pcc"),o.data.forEach(i=>{p=r.height(),c=a(".item-pcc").outerHeight(!0),o.href?s='<a class="item-pcc layui-bg-'+o.themeColor+" "+o.size+'" href="'+o.href+"?id="+i.id+'" target="'+o.herfBlank+'">'+i.name+"</a>":s='<span class="item-pcc layui-bg-'+o.themeColor+" "+o.size+'">'+i.name+"</span>",p>c*o.rows&&t&&(n(),t=!1),r.append(s)}),p=r.height(),c=a(".item-pcc").outerHeight(!0),p>c*o.rows&&(u(),f=!0),a(document).on("click","#more-pcc",function(){u()});function n(i){if(t){i&&f?r.find("#more-box-pcc").remove():a(".item-pcc").wrapAll("<span class='pack-pcc'></span>");var e=a(".pack-pcc .item-pcc").eq(-3);e.before('<span id="more-box-pcc" class="item-pcc more-pcc '+o.size+'"><a class="layui-font-'+o.themeColor+' " id="more-pcc">'+o.moreUpText+"</a></span>")}}function u(){r.height()>c*o.rows?(r.css("height",c*o.rows),n(!0)):(r.css("height","auto"),r.find("#more-box-pcc").remove(),r.append('<span id="more-box-pcc" class="item-pcc more-pcc '+o.size+'"><a class="layui-font-'+o.themeColor+'" id="more-pcc">'+o.moreDownText+"</a></span>"),t=!0)}}},d=a('<style type="text/css"> .box-item-pcc { overflow: hidden; display: inline-block; width: 70%;} .box-item-pcc .item-pcc { margin:0 5px 5px 5px; box-sizing: border-box; display: inline-block; } .box-item-pcc .more-pcc { float: right; background: none; } .box-item-pcc a { cursor: pointer; } .layui-font-red{color:#FF5722!important} .layui-font-orange{color:#FFB800!important} .layui-font-green{color:#009688!important} .layui-font-cyan{color:#2F4056!important} .layui-font-blue{color:#01AAED!important} .layui-font-black{color:#000!important} .layui-font-gray{color:#c2c2c2!important} </style>');a(a("head")[0]).append(d),h("moreMenus",l)});
|
||||
Reference in New Issue
Block a user