摘要：
Radio 单选框 在一组备选项中进行单选 ¶基础用法 由于选项默认可见，不宜过多，若选项过多，建议使用 Select 选择器。 要使用 Radio 组件，只需要设置v-model绑定变量，选中意味着变量的值为相应 Radio label属性的值，label可以是String、Number或Bool 阅读全文
摘要：
Button 按钮 常用的操作按钮。 ¶基础用法 基础的按钮用法。 使用type、plain和round属性来定义 Button 的样式。 <div> <el-button>默认按钮</el-button> <el-button type="primary">主要按钮</el-button> <el 阅读全文
摘要：
Icon 图标 提供了一套常用的图标集合。 ¶使用方法 直接通过设置类名为 el-icon-iconName 来使用即可。例如： <i class="el-icon-edit"></i> <i class="el-icon-share"></i> <i class="el-icon-delete"> 阅读全文
摘要：
Typography 字体 我们对字体进行统一规范，力求在各个操作系统下都有最佳展示效果。 ¶中文字体 和畅惠风 PingFang SC PingFang SC 和畅惠风 Hiragino Sans GB Hiragino Sans GB 和畅惠风 Microsoft YaHei Microsoft 阅读全文
摘要：
Element 为了避免视觉传达差异，使用一套特定的调色板来规定颜色，为你所搭建的产品提供一致的外观视觉感受。 ¶主色 Element 主要品牌颜色是鲜艳、友好的蓝色。 Blue #409EFF Blue #409EFF Blue #409EFF #409EFF ¶辅助色 除了主色外的场景色，需要在 阅读全文
摘要：
Container 布局容器 用于布局的容器组件，方便快速搭建页面的基本结构： <el-container>：外层容器。当子元素中包含 <el-header> 或 <el-footer> 时，全部子元素会垂直上下排列，否则会水平左右排列。 <el-header>：顶栏容器。 <el-aside>：侧 阅读全文
摘要：
Layout 布局 通过基础的 24 分栏，迅速简便地创建布局。 ¶基础布局 使用单一分栏创建基础的栅格布局。 通过 row 和 col 组件，并通过 col 组件的 span 属性我们就可以自由地组合布局。 <el-row> <el-col :span="24"><div class="grid- 阅读全文
摘要：
内置过渡动画 Element 内应用在部分组件的过渡动画，你也可以直接使用。在使用之前请阅读 transition 组件文档 。 ¶fade 淡入淡出 Click Me .el-fade-in-linear .el-fade-in 提供 el-fade-in-linear 和 el-fade-in 阅读全文
摘要：
自定义主题 Element 默认提供一套主题，CSS 命名采用 BEM 的风格，方便使用者覆盖样式。我们提供了三种方法，可以进行不同程度的样式自定义。 ¶仅替换主题色 如果仅希望更换 Element 的主题色，推荐使用在线主题生成工具。Element 默认的主题色是鲜艳、友好的蓝色。通过替换主题色， 阅读全文
摘要：
国际化 Element 组件内部默认使用中文，若希望使用其他语言，则需要进行多语言设置。以英文为例，在 main.js 中： 或 如果使用其它语言，默认情况下中文语言包依旧是被引入的，可以使用 webpack 的 NormalModuleReplacementPlugin 替换默认语言包。 webp 阅读全文
摘要：
快速上手 本节将介绍如何在项目中使用 Element。 ¶使用 Starter Kit 我们提供了通用的项目模板，你可以直接使用。对于 Laravel 用户，我们也准备了相应的模板，同样可以直接下载使用。 如果不希望使用我们提供的模板，请继续阅读。 ¶引入 Element 你可以引入整个 Eleme 阅读全文