内容简介：Layout组件 其实HeyUI组件库已经发布一年半了，而我一直都没有补充Layout组件。 至于一直不开发的原因，主要是因为我觉得系统的布局都会因为定制化而发生变化，也会跟随着设计的变化而变化，而Layout固定的组合方...
Layout组件
其实HeyUI组件库已经发布一年半了，而我一直都没有补充Layout组件。
至于一直不开发的原因，主要是因为我觉得系统的布局都会因为定制化而发生变化，也会跟随着设计的变化而变化，而Layout固定的组合方式无法满足实际的需求。
其实，我发现，有很多人的想法和我一模一样，觉得layout的整体实用性不高。
而开始写Layout的原因有两个：
一是随着heyui-admin的架构在不断的成熟，layout这一块一直都是使用自己写的css控制的，改到menu折叠的时候，就觉得实例的代码有点多了，参考了一下ant-design的设置，觉得可以考虑把Layout结合进来。
二是由于很多后端开发的小伙伴的实际需求比较迫切，对于他们来说，系统布局不需要可扩展，他们需要一个简单的框架，直接搭建起来。
话不多说，先把效果图发出来：
上中下布局
上左右布局
左上下布局
Layout开发心理路程
哎~ 好像还挺简单
哎~ 我靠~ 这么方便
哎~ 固定header控制好便捷
哎~ 全局定义变量~ 我靠~ 好爽 ????
~ 真香 ????????????????????
具体文档，请戳至下面的链接查看：
戳我去：HeyUI-Layout 布局
关于HeyUI
希望更多的人能参与到我们的开源项目中。
Github仓库：heyui/heyui
码云仓库：https://gitee.com/heyui/heyui
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，也希望大家多多支持 码农网
猜你喜欢:
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
微信小程序(开发入门及案例详解)
李骏、边思 / 机械工业出版社 / 2017-3-1 / 59.0
本书可分为3部分，第一部分作为基础章节，介绍了第一个小程序的搭建流程，让大家能快速上手；同时对小程序框架原理进行了详细介绍，为后面学习组件、API打下基础。 第二部分对小程序组件、API进行介绍，对组件、API的使用、注意事项进行详细讲解，并给出示例代码。 最后一部分精选5个由浅入深的案例，对小程序研发进行实战讲解，涵盖了实际项目中可能涉及的技术方案和使用方法，具备很强的实战意义。 ......一起来看看 《微信小程序(开发入门及案例详解)》 这本书的介绍吧!
