如何利用EasyUI中的Panel进行不同方向布局

2024-10-14 09:41:41

1、第一步,创建静态页面paneldirection.html,并在页面中引入EasyUI相关的JavaScript和CSS文件,修改title标签内的文字内容,如下图所示:

如何利用EasyUI中的Panel进行不同方向布局

3、第三步,在浏览器中进行预览页面,这时会看到一个面板,分为五块上下左右中,如下图所示:

如何利用EasyUI中的Panel进行不同方向布局

5、第五步,再次在浏览器中预览,会看到面板头部和尾部,并且有文字内容显示,如下图所示:

如何利用EasyUI中的Panel进行不同方向布局
猜你喜欢