MUI框架-01-介绍-创建项目-简单页面 (2)

输入标题:MUI 入门

MUI框架-01-介绍-创建项目-简单页面

- 很快吧,用 mui 做这种的话就是这么快 - **例2:** - 比如我们输入: ml - 选中第 2 个图文列表,回车

在这里插入图片描述

这时候就会有问题了,顶部重叠了,为什么会有这个问题呢,就是因为没有把内容放到主体里面,然后人家还以为你是 header 呢

之所以这样,故意遇到这个问题,是因为:

除了固定栏之外,其它内容都要包裹在.mui-content 中,否则就有可能被固定栏遮罩,原因:固定栏基于Fixed定位,不受流式布局限制,普通内容依然会从 top:0 的位置开始布局,这样就会被固定栏遮罩,像这样的注意事项还有挺多,我会单独整理一下

解决办法:

删掉刚才的列表,输入 mbo 找到 body 回车

然后在 body 里面输入 ml 图文列表,预览:

在这里插入图片描述

例3:

然后我们在 主体的外面,就是 mui-content 的div的外面

我们输入:mt 选择底部栏,回车

在这里插入图片描述

这时候简单的搭建页面,是不是就已经可以掌握了

这时候是不是已经感觉 mui 有时候还是很强大的

好,后面我们在继续学习

关于开发

查阅:官方文档

我的文章:

博客园:MUI 框架

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zgwyxw.html