-
- + 使用官方 v2.15.0 初始化组件仓库
- + 本地化
color-brewer.css
,以正常显示组件文档中的源代码 - + 新增
prettier
规则 - * 修改
gulpfile
配置
-
- * 根据 UI 规范修改组件样式,涉及组件如下:
-
Color
,Typography
,Border
,Icon
,Button
,Radio
,
RadioGroup
,Checkbox
,Form
,Input
,InputNumber
,
Select
,Switch
,Picker
,Breadcrumb
,Table
,Tag
,
Tree
,Pagination
,Avatar
,Alert
,Tabs
,Message
,
Dropdown
,Dialog
,Popover
,Popconfirm
,Card
-
- * 根据 UI 规范修改组件样式,涉及组件如下:
-
本地仓库地址: Gitlab
-
- master 可直接打包用于正常开发的组件库代码,一般在此分支上打 dist 包
- dev 日常修改组件库和 bug 修复
-
update 当前最新的官方仓库代码,仅用于升级时比对文件变化使用
- 请勿在此分支上修改任何代码
- 请勿将此分支 merge 到任何分支
- 请勿将任何分支 merge 到此分支
-
- 前往Github获取最新 Release Tag,并下载代码压缩包至本地
- 切换到 update 分支下,解压压缩包
- git 提交工具进行文件比对,将每个文件的更新手动更新到 dev 分支上
- 对受影响的组件进行测试,测试无误后合并到 master 分支
- 运行
npm run dist
打 dist 包,将以下文件拷贝至static
下替换原文件并重命名-
lib/element-ui.common.js
->static/element.js
-
lib/theme-chalk/index.css
->static/element.css
-
A Vue.js 2.0 UI Toolkit for Web.
Element will stay with Vue 2.x
For Vue 3.0, we recommend using Element Plus from the same team
- Homepage and documentation
- awesome-element
- FAQ
- Vue.js 3.0 migration
- Customize theme
- Preview and generate theme online
- Element for React
- Element for Angular
- Atom helper
- Visual Studio Code helper
- Starter kit
- Design resources
- Gitter
npm install element-ui -S
import Vue from 'vue';
import Element from 'element-ui';
Vue.use(Element);
// or
import {
Select,
Button
// ...
} from 'element-ui';
Vue.component(Select.name, Select);
Vue.component(Button.name, Button);
For more information, please refer to Quick Start in our documentation.
Modern browsers and Internet Explorer 10+.
Skip this part if you just want to use Element.
For those who are interested in contributing to Element, please refer to our contributing guide (中文 | English | Español | Français) to see how to run this project.
Detailed changes for each release are documented in the release notes.
We have collected some frequently asked questions. Before reporting an issue, please search if the FAQ has the answer to your problem.
Please make sure to read the contributing guide (中文 | English | Español | Français) before making a pull request.
English documentation is brought to you by SwiftGG Translation Team:
Spanish documentation is made possible by these community developers:
- adavie1
- carmencitaqiu
- coderdiaz
- fedegar33
- Gonzalo2310
- lesterbx
- ProgramerGuy
- SantiagoGdaR
- sigfriedCub1990
- thechosenjuan
French documentation is made possible by these community developers:
Scan the QR code using Dingtalk App to join in discussion group :