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。

相关推荐
AliciaIr20 分钟前
深入理解HTTP:从协议基础到版本演进(上)
前端·http
pepedd86423 分钟前
数组字符串方法有哪些-带你重温js基础
前端·javascript·trae
pepedd86424 分钟前
深入理解js作用域-你真的懂js吗
前端·javascript·trae
阿迪州26 分钟前
[函数式编程] 为什么要柯里化?
前端
Cache技术分享34 分钟前
162. Java Lambda 表达式 - Consumer 的链式组合
前端·后端
是晓晓吖39 分钟前
为什么在Tab中取不到content.js给window设置的变量/函数?
前端·chrome
日月晨曦41 分钟前
JS闭包:变量的"守护者"与"储物间"
前端·javascript
袁煦丞42 分钟前
轻量级网络大佬Nginx打开公网自由之路:cpolar内网穿透实验室第625个成功挑战
前端·程序员·远程工作
日月晨曦42 分钟前
TypeScript:让JavaScript穿上西装革履
前端·typescript
cvpv43 分钟前
优雅!太优雅!斯巴拉西!怎么让AI写出最优雅的代码
前端·typescript·trae