本文详细介绍了Element UI，一个为Vue.js设计的UI框架。主要内容包括：Layout布局、图标使用、按钮、级联选择、时间及日期选择器、表单、表格、走马灯、折叠面板、导航、树形控件以及在Vue项目中的应用示例。Element UI提供了丰富的组件，如栅格布局、图标、按钮等，使得Vue项目的开发更加便捷。
简介
element-ui是一个ui库，它不依赖于vue。但是却是当前和vue配合做项目开发的一个比较好的ui框架。
Layout布局(el-row、el-col)
element-ui借用了bootstrap框架的思想，使用了栅格布局。它把单一的分栏分为24列。基本的使用方式如下
span属性：表示col所要占领的栅格占比个数。
offset属性：表示col相对偏移的个数。
Container布局容器
这些布局容器，一般充当div来使用。
el-container：外层容器。当子元素中包含 el-header 或 el-footer 时，全部子元素会垂直上下排列，否则会水平左右排列。
el-header：顶栏容器
el-footer：底部栏容器
el-aside：侧边栏容器
el-main：页面主视图
icons的使用
在element-ui 中，图标是用class就可以搞定的。
比如一个编辑的图标就可以如下表示：
按钮(el-button)
按钮是el-button来表示的
按钮是分类的，每一种类型就对应不同的button。
按钮的类型type可取值：’primary’、’success’、’warning’、’info’、’danger’
plain：决定了按钮是否使用素色系列。
round：决定了按钮是不是圆角展示。
各种button
默认按钮<
最低0.47元/天 解锁文章
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
