随笔分类 -  Basic组件

Button 按钮
摘要：Button 按钮 常用的操作按钮。 ¶基础用法 基础的按钮用法。 使用type、plain和round属性来定义 Button 的样式。 <div> <el-button>默认按钮</el-button> <el-button type="primary">主要按钮</el-button> <el 阅读全文
posted @ 2018-03-09 07:14 大姐姐小姐姐
Icon 图标
摘要：Icon 图标 提供了一套常用的图标集合。 ¶使用方法 直接通过设置类名为 el-icon-iconName 来使用即可。例如： <i class="el-icon-edit"></i> <i class="el-icon-share"></i> <i class="el-icon-delete"> 阅读全文
posted @ 2018-03-09 06:47 大姐姐小姐姐
Typography 字体
摘要：Typography 字体 我们对字体进行统一规范，力求在各个操作系统下都有最佳展示效果。 ¶中文字体 和畅惠风 PingFang SC PingFang SC 和畅惠风 Hiragino Sans GB Hiragino Sans GB 和畅惠风 Microsoft YaHei Microsoft 阅读全文
posted @ 2018-03-09 06:40 大姐姐小姐姐
Color色彩
摘要：Element 为了避免视觉传达差异，使用一套特定的调色板来规定颜色，为你所搭建的产品提供一致的外观视觉感受。 ¶主色 Element 主要品牌颜色是鲜艳、友好的蓝色。 Blue #409EFF Blue #409EFF Blue #409EFF #409EFF ¶辅助色 除了主色外的场景色，需要在 阅读全文
posted @ 2018-03-09 06:35 大姐姐小姐姐
Container 布局容器
摘要：Container 布局容器 用于布局的容器组件，方便快速搭建页面的基本结构： <el-container>：外层容器。当子元素中包含 <el-header> 或 <el-footer> 时，全部子元素会垂直上下排列，否则会水平左右排列。 <el-header>：顶栏容器。 <el-aside>：侧 阅读全文
posted @ 2018-03-09 06:32 大姐姐小姐姐
Layout布局
摘要：Layout 布局 通过基础的 24 分栏，迅速简便地创建布局。 ¶基础布局 使用单一分栏创建基础的栅格布局。 通过 row 和 col 组件，并通过 col 组件的 span 属性我们就可以自由地组合布局。 <el-row> <el-col :span="24"><div class="grid- 阅读全文
posted @ 2018-03-09 06:27 大姐姐小姐姐