element-ui container 组件源码分享

今日简单分享 container 组件的源码实现,从以下两个方面来讲解:

1、container 组件的页面结构

2、container 组件的属性

一、container 组件的页面结构

二、container 组件的属性

1、container 部分的 direction 属性,子元素的排列方向,字符串类型,horizontal / vertical,子元素中有 el-headerel-footer 时为 vertical,否则为 horizontal。

2、header 部分的 height 属性,顶栏高度,类型 string,默认 60px。

3、aside 部分的 width 属性,侧边栏宽度,类型 stirng,默认 300px。

4、footer 部分的 height 属性,底栏高度,类型 string,默认 60px。

相关推荐
GISer_Jing40 分钟前
从0开始分享一个React项目(二):React-ant-admin
前端·react.js·前端框架
明月看潮生42 分钟前
青少年编程与数学 02-006 前端开发框架VUE 12课题、表单绑定
前端·javascript·vue.js·青少年编程·编程与数学
zlting~1 小时前
【VUE+ElementUI】通过接口下载blob流文件设置全局Loading加载进度
前端·vue.js·elementui
努力的小玖心1 小时前
Java将String类型的html文本中的img路径替换前缀
java·前端·html
菜鸟xy..1 小时前
html 前端进行浮动布局设置
前端·html
赔罪1 小时前
HTML - <link>
前端·vscode·html·webstorm
一只小爪子2 小时前
通过 ulimit 和 sysctl 调整Linux系统性能
linux·运维·前端
一点一木2 小时前
前端报告 2024:全新数据,深度解析未来趋势
前端·javascript·vue.js
失眠的咕噜2 小时前
vue 导出excel接口请求和axios返回值blob类型处理
前端·javascript·vue.js
HelloZheQ2 小时前
CSS 伪类和伪元素:为你的选择器注入更多活力
前端·css