20181205——ElementUI开发指南阅读

npm安装

npm i element-ui -S

引入 Element
你可以引入整个 Element，或是根据需要仅引入部分组件。我们先介绍如何引入完整的 Element。
在 main.js 中写入以下内容：

import Vue from 'vue';
import ElementUI from 'element-ui'; //完整引入element-ui这个组件
import 'element-ui/lib/theme-chalk/index.css';
import App from './App.vue';

Vue.use(ElementUI);

new Vue({
  el: '#app',
  render: h => h(App)
});

上面就相当于可以使用ElementUI这个组件了

layout布局

代码如下

span的默认值就是24正好是整个屏幕那么大

Container 布局容器

用于布局的容器组件，方便快速搭建页面的基本结构：

：外层容器。当子元素中包含  或  时，全部子元素会垂直上下排列，否则会水平左右排列。

：顶栏容器。

：侧边栏容器。

：主要区域容器。

：底栏容器

实例

颜色选色

Icon 图标
使用方法
直接通过设置类名为 el-icon-iconName 来使用即可。例如：

Button 按钮
使用type、plain、round和circle属性来定义 Button 的样式。

具体的都在elementUI学习