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。

相关推荐
Csvn9 小时前
OpenSpec 详细使用教程
前端
之歆9 小时前
Day19_LESS 完全指南——从入门到工程实践
前端·css·less
云水一下10 小时前
HTML5 从入门到精通:实战收官——从零搭建完整静态网站,综合运用所有知识
前端·html5
不总是10 小时前
Windows 系统 Node.js 免安装版(zip)安装与配置教程(2026 最新)
前端·windows·node.js
冬奇Lab10 小时前
每日一个开源项目(第105篇):Twenty - 跳出 Salesforce 的圈套,定义现代开源 CRM
前端·后端·开源
zhangyao94033011 小时前
开发pc端时,表格的高度怎么设置才能铺满页面
前端·javascript·elementui
kjs--12 小时前
浏览器书签执行脚本
前端
之歆12 小时前
Day16_JavaScript 轮播图与事件工程实战(下篇)
服务器·开发语言·前端·javascript·网络·性能优化
沄媪12 小时前
CSRF 跨站请求伪造
前端·ctf·csrf
kyriewen13 小时前
我关掉了Copilot:因为我写的代码出现在了别人的建议里
前端·javascript·ai编程