Element-ui 饿了么UI

1. 使用ElementUI

官方文档:http://element.eleme.io/#/zh-CN/component/installation

全局引入:

-- main.js --
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-default/index.css'
Vue.use(ElementUI)

2. Element主题定制

http://element.eleme.io/#/zh-CN/component/custom-theme

2.1. 安装

全局安装工具

npm i element-theme -g

安装依赖默认主题

npm i element-theme-default -D

2.2. 初始化变量文件

在项目根目录下执行

et -i ./src/comm/style/element-ui/element-variables.css

生成变量文件后,可以修改里面的变量、

2.3. 编译主题

保存文件后,到命令行里执行 et 编译主题,如果你想启用 watch 模式,实时编译主题,增加 -w 参数;如果你在初始化时指定了自定义变量文件,则需要增加 -c 参数,并带上你的变量文件名

et -c ./src/comm/style/element-ui/element-variables.css -o ./src/comm/style/element-ui/theme

> ✔ build theme font
> ✔ build element theme

使用中遇到的坑和技巧

© All Rights Reserved            updated 2017-12-28 02:49:41

results matching ""

    No results matching ""