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。

相关推荐
PeterJXL4 分钟前
Chrome 下载文件时总是提示“已阻止不安全的下载”的解决方案
前端·chrome·安全
hackchen23 分钟前
从0到1解锁Element-Plus组件二次封装El-Dialog动态调用
前端·vue.js·elementui
君子宜耘心23 分钟前
el-table虚拟列表封装
前端
黄瓜沾糖吃27 分钟前
大佬们指点一下倒计时有什么问题吗?
前端·javascript
温轻舟27 分钟前
3D词云图
前端·javascript·3d·交互·词云图·温轻舟
buibui27 分钟前
打包一个工具类
前端
巴别塔的饿灵29 分钟前
Webpack[TBC]
前端
LinHan30 分钟前
我的浏览器插件 Horizon-Hop 又又又更新啦!
前端
一个小潘桃鸭30 分钟前
需求:el-upload实现上传/粘贴图片功能
前端
胡清波31 分钟前
# vue 的 Diff 算法
前端·面试