0
点赞
收藏
分享

微信扫一扫

ligerLayout布局(左右分栏)

佛贝鲁先生 2023-04-29 阅读 18

场景需求:左边框框用来放树菜单,右边就是点击菜单后显示的内容

js

$(function () {
    $("#layoutMain").ligerLayout({
        topHeight :80,
        leftWidth: 180, 
        height: '100%'
        });
});

或者(左边栏取五分之一的宽度)

$(function () {
    var w=$("#layoutMain").width();
    $("#layoutMain").ligerLayout({
       topHeight :80,
       leftWidth: w/5, 
       height: '100%'
     });
}); 
html

<div id="layoutMain" style="width:99.2%; margin:0 auto; margin-top:4px;">
          <div position="left" id="accordion1"  title="变电站名称"> 

           </div>     
       
           <div position="center" id="framecenter"> 

           </div>
       </div>

 

效果

ligerLayout布局(左右分栏)_ligerUi

 

ligerLayout布局(左右分栏)_html_02

 



举报

相关推荐

0 条评论