element

<p align="center"> <img src="https://cdn.rawgit.com/ElemeFE/element/dev/element_logo.svg"> </p> <p align="center"> <a href="https://travis-ci.org/ElemeFE/element"> <img src="https://yellow-cdn.veclightyear.com/835a84d5/87ff4165-1987-4048-9a0b-70fbdb8f6d4a.svg?branch=master"> </a> <a href="https://coveralls.io/github/ElemeFE/element?branch=master"> <img src="https://yellow-cdn.veclightyear.com/835a84d5/f0714570-10ed-46d0-a5cd-6e2ca67eca14.svg?branch=master"> </a> <a href="https://cdnjs.com/libraries/element-ui"> <img src="https://yellow-cdn.veclightyear.com/835a84d5/558ff389-775f-4560-9500-23b0705e9f30.svg"> </a> <a href="https://www.npmjs.org/package/element-ui"> <img src="https://yellow-cdn.veclightyear.com/835a84d5/75e0d101-c11b-4a0f-b009-25aa7bfbd058.svg"> </a> <a href="https://npmcharts.com/compare/element-ui?minimal=true"> <img src="https://yellow-cdn.veclightyear.com/835a84d5/338623a7-2799-4176-8c74-9c9d0fbcc8aa.svg"> </a> <br> <a href="http://img.badgesize.io/https://unpkg.com/element-ui/lib/index.js?compression=gzip&label=gzip%20size:%20JS"> <img src="http://img.badgesize.io/https://unpkg.com/element-ui/lib/index.js?compression=gzip&label=gzip%20size:%20JS"> </a> <a href="http://img.badgesize.io/https://unpkg.com/element-ui/lib/theme-chalk/index.css?compression=gzip&label=gzip%20size:%20CSS"> <img src="http://img.badgesize.io/https://unpkg.com/element-ui/lib/theme-chalk/index.css?compression=gzip&label=gzip%20size:%20CSS"> </a> <a href="#backers"> <img src="https://yellow-cdn.veclightyear.com/835a84d5/0ca5bddf-52f9-4f25-a020-5ebd8b53929b.svg"> </a> <a href="#sponsors"> <img src="https://yellow-cdn.veclightyear.com/835a84d5/7b254cc7-8127-4b93-b92d-74468ae8de71.svg"> </a> <a href="LICENSE"> <img src="https://yellow-cdn.veclightyear.com/835a84d5/217ee5d6-adff-4d7b-990c-ef638a32af79.svg"> </a> </p>

一个用于网页的 Vue.js 2.0 UI 工具包。

Element 将继续支持 Vue 2.x

对于 Vue 3.0，我们推荐使用 Element Plus（Element Plus 是一个社区开发项目）

对于小程序开发，我们推荐使用 MorJS

链接

• 主页和文档
  • 国际用户
  • 中国用户
  • 西班牙用户
  • 法国用户
• awesome-element
• 常见问题
• Vue.js 3.0 迁移
• 自定义主题
• 在线预览和生成主题
• Element for React
• Element for Angular
• Atom 插件
• Visual Studio Code 插件
• 起步套件
  • element-starter
  • element-in-laravel-starter
• 设计资源
• Gitter
  • 国际用户
  • 中国用户

安装

npm install element-ui -S

快速开始

import Vue from 'vue'
import Element from 'element-ui'

Vue.use(Element)

// 或者
import {
  Select,
  Button
  // ...
} from 'element-ui'

Vue.component(Select.name, Select)
Vue.component(Button.name, Button)

更多信息请参考我们的文档中的快速开始。

浏览器支持

现代浏览器和 Internet Explorer 10+。

开发

如果您只想使用 Element，可以跳过这部分。

对于有兴趣为 Element 贡献的人，请参考我们的贡献指南（中文 | 英文 | 西班牙语 | 法语）了解如何运行这个项目。

更新日志

每个版本的详细更改都记录在发布说明中。

常见问题

我们收集了一些常见问题。在报告问题之前，请先搜索FAQ中是否有解决您问题的答案。

贡献

在提出拉取请求之前，请确保阅读贡献指南（中文 | 英文 | 西班牙语 | 法语）。

特别感谢

英文文档由 SwiftGG 翻译组提供：

• raychenfj
• kevin
• 曾小涛
• 湾仔王二
• BlooDLine
• 陈铭嘉
• 千叶知风
• 梁杰
• Changing
• mmoaay

西班牙文档由以下社区开发者提供：

• adavie1
• carmencitaqiu
• coderdiaz
• fedegar33
• Gonzalo2310
• lesterbx
• ProgramerGuy
• SantiagoGdaR
• sigfriedCub1990
• thechosenjuan

法语文档由以下社区开发者提供：

• smalesys
• blombard

加入讨论群

使用钉钉App扫描二维码加入讨论群：

<img alt="加入讨论群" src="https://yellow-cdn.veclightyear.com/835a84d5/2ce5dc24-ee52-43ca-83a0-16349594e55a.png" width="300">

许可证

MIT