简介:vue element plus Container 布局容器 用于布局的容器组件,方便快速搭建页面的基本结构: <el-container>:外层容器。 当子元素中包含<el-header>或<el-footer>时,全部子元素会垂直上下排列, 否则会水平左右排列。 <el-header>:顶栏容器。 <el-aside>:侧边栏容器。 <el-main>:主要区域容器。 <el-footer>...
el-container是 Element Plus UI 框架中的一个布局容器组件,用于实现页面的布局结构。它主要用于管理和组织页面中的内容,提供了灵活的布局方式。下面详细解释一下el-container的重要用法和特性: 1. 基本用法 el-container提供了三种基本布局方式:horizontal、vertical和vertical-reverse。通过设置direction属性,可以实现不同...
3. 整个主页布局需要使用到element-plus 里面的一些布局组件 ,分别是: <el-container>:外层容器。当子元素中包含<el-header>或<el-footer>时,全部子元素会垂直上下排列,否则会水平左右排列。 <el-header>:顶栏容器。 <el-aside>:侧边栏容器。 <el-main>:主要区域容器。 Container 布局容器 | Element Plus (...
如图所示,当我们使用UI库中的组件之后,发现我们导入的组件并不能布满全局,现在我们应该想办法解决 经过我们的筛选,我们发现是因为el-container的原因没有布满全屏,现在我们应该来修改一下 而且这个container就是我们Home.vue组件中最外层的container。 因为最外层的container比较特殊,我们特别的给她一个类名 <el-containe...
20-ElementUI常用组件(Container布局容器)是黑马程序员Java项目《传智健康》,完整的企业级医疗行业项目(基于SSM+Zookeeper+Dubbo+Spring Security技术栈)的第20集视频,该合集共计295集,视频收藏或关注UP主,及时了解更多相关视频内容。
index.vue代码如下: <template><el-containerclass="layout"><el-asideclass="aside"width="200px">Aside</el-aside><el-container><el-headerclass="header">Header</el-header><el-mainclass="main">Main</el-main></el-container></el-container></template>.layout{height:100%;width:100%; }.aside...
Element-Plus是一个基于Vue.js的组件库,提供了丰富的UI组件和布局组件,用于快速构建界面。其中,布局组件主要用于页面的整体布局和结构的搭建,包括容器、栅格、布局等。 下面是Element-Plus中一些常用的布局组件的使用示例: Container容器组件:Container组件是页面的最外层容器,用于包裹整个页面内容。可以设置页面的宽度、...
(二)布局组件 container 对于element-ui plus的布局组件我就不一一介绍了,这里将使用到的组件链接放出来 container 布局容器http://element-plus.org/zh-CN/component/container.html <template><el-container><el-asidewidth="200px">Aside</el-aside><el-container><el-header>Header</el-header><el-main>...
用于布局的容器组件,方便快速搭建页面的基本结构: <el-container>:外层容器。当子元素中包含 <el-header> 或 <el-footer> 时,全部子元素会垂直上下排列,否则会水平左右排列。 <el-header>:顶栏容器。 <el-aside>:侧边栏容器。 <el-main>:主要区域容器。
Container 布局容器 用于布局的容器组件,方便快速搭建页面的基本结构: <el-container>:外层容器。当子元素中包含<el-header>或<el-footer>时,全部子元素会垂直上下排列,否则会水平左右排列。 <el-header>:顶栏容器。 <el-aside>:侧边栏容器。 <el-main>:主要区域容器。