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。

相关推荐
没落英雄5 分钟前
5. 从零开始搭建一个 AI Agent —— 人机协作与中断恢复
前端·人工智能·架构
品尚公益团队42 分钟前
C#在asp.net网页开发中的带cookie登录实现
前端·c#·asp.net
没有了遇见1 小时前
AI Agent 是什么?—— 一文理解 LLM、Memory、Skills、Tools、MCP、Workflow,Context
android·前端·程序员
后台开发者Ethan2 小时前
setState组件更新
前端·javascript·react
谙忆10242 小时前
大文件上传实战:前端分片、断点续传、秒传与并发控制怎么落地
前端
轻动琴弦3 小时前
VoltTool —— 一站式在线开发者工具平台,69+实用工具免费使用
前端·chrome
就叫飞六吧3 小时前
不同站点iframe嵌套种cookie、localstorege.set() 关系
前端
星栈3 小时前
LiveView 怎么测:从组件测试到端到端,我终于不再只敢手点页面了
前端·前端框架·elixir
蜡台3 小时前
uniapp vue2 转 vue3
前端·javascript·uni-app·vue3·vue2
Web4Browser3 小时前
Headless 浏览器自动化适合哪些任务?巡检、截图和提交动作要分级
运维·前端·自动化