EasyUI Layout 布局

最新推荐文章于 2024-08-12 19:37:13 发布

qq_28532343

最新推荐文章于 2024-08-12 19:37:13 发布

阅读量318

点赞数

文章标签： easyui 布局

本文链接：https://blog.csdn.net/qq_28532343/article/details/50800950

版权

EasyUI的Layout组件提供了五区域布局功能，包括north, south, east, west和center。布局支持嵌套和动态内容加载，用户可以通过拖拽或折叠调整大小。面板选项如title, region, split等允许自定义各个区域。此外，Layout还提供resize, collapse, expand等方法进行操作。" 89537906,7401628,计算机操作系统基础概览,"['基础知识', '操作系统', '计算机硬件', '中央处理器', '中断处理', '进程管理']

摘要由CSDN通过智能技术生成

布局（layout）是有五个区域（北区 north、南区 south、东区 east、西区 west 和中区 center）的容器。中间的区域面板是必需的，边缘区域面板是可选的。每个边缘区域面板可通过拖拽边框调整尺寸，也可以通过点击折叠触发器来折叠面板。布局（layout）可以嵌套，因此用户可建立复杂的布局。
这里写图片描述需要引用的css和js

body 中代码

<body class="easyui-layout">
    <!--上-->
    <div data-options="region:'north',border:false" style="height:100px;background:#B3DFDA;padding:1px;overflow:hidden">
        <img src="~/img/95ec2638a22aa33ca9fd9fb2c5d860c2.jpg" style=" width:100%;height:100%" />

    </div>
    <!--上结束-->

    <!--左-->
    <div data-options="region:'west',split:true,title:'管理'" style="width:150px;padding:1px;overflow:hidden">

        <div class="easyui-accordion" data-options="multiple:true" style="width: 500px; height: auto; ">
            <div title="产品管理" data-options="iconCls:'icon-ok'"

最低0.47元/天解锁文章

qq_28532343

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
EasyUI Layout 布局

布局（layout）是有五个区域（北区 north、南区 south、东区 east、西区 west 和中区 center）的容器。中间的区域面板是必需的，边缘区域面板是可选的。每个边缘区域面板可通过拖拽边框调整尺寸，也可以通过点击折叠触发器来折叠面板。布局（layout）可以嵌套，因此用户可建立复杂的布局。需要引用的css和js body 中代码<body class="easyui-l
复制链接

扫一扫