Element UI——一套基于 Vue 2.0 的桌面端组件库

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 3020 天前的主题，其中的信息可能已经有所发展或是发生改变。

仓库地址： https://github.com/ElemeFE/element

Element UI 是一套采用 Vue 2.0 作为基础框架实现的组件库，它面向企业级的后台应用，能够帮助你快速地搭建网站，极大地减少研发的人力与时间成本。在这个月的 NingJS 上我们开源了这个项目，当时它的文档还没有准备好。今天，经过两周多的完善， Element UI 的文档正式上线啦！目前它处于 rc 阶段，正式版将于 Vue 2.0 发布后第一时间跟进。欢迎大家来使用和完善，一起把它做成 Vue 最好的企业级组件库。

Vue

element

组件库

文档

63 条回复 • 2019-08-03 14:45:34 +08:00

aksoft

2016-09-22 11:40:41 +08:00

挺清爽的。。

BMW

2016-09-22 11:47:11 +08:00

桌面？移动？

cornelia

2016-09-22 11:49:55 +08:00

刚需, 已 star

chairuosen

2016-09-22 11:50:34 +08:00

不错啊

sherlocktheplant

2016-09-22 11:59:21 +08:00

相当不错很爽

nine

2016-09-22 12:01:16 +08:00

文档发晚了，已经用了 2 周时间把 ant.design 和 rails 结合起来了

manihome

2016-09-22 12:03:31 +08:00

不错 star

shellcodecow

2016-09-22 12:10:16 +08:00

使用了 ant.desgin 但是还是喜欢 Vue

Kuo

2016-09-22 12:11:41 +08:00

这页面很赞啊

doubleflower

2016-09-22 12:22:15 +08:00

看上去质量不错。

leopoldthecuber

2016-09-22 12:25:48 +08:00

咦，节点选错了，@Lived 求转移到分享创造节点

leopoldthecuber

2016-09-22 12:27:37 +08:00

咦，@ 错了，@Livid 求转移到分享创造节点

shellcodecow

2016-09-22 12:33:49 +08:00

官网首页推轮子的女性屁股画的不合理

herozzm

2016-09-22 12:44:06 +08:00 via Android

这不是 vue 和 bootstrap uikit 结合体么，分离用不是一样的么，有什么优势

SourceMan

2016-09-22 12:48:28 +08:00

@shellcodecow 与淹没 3/4 的胸搭配起来，其实是合理的，仔细看看

@BMW 移动端看 https://github.com/ElemeFE/mint-ui

@herozzm 你这个说法。。。人家设计师辛辛苦苦设计的一套 UI 风格，你说是 bootstrap

Livid

MOD

2016-09-22 12:48:40 +08:00

@leopoldthecuber 好的，已经移动。

herozzm

2016-09-22 12:54:33 +08:00 via Android

@SourceMan 我只是举个例子，问问优势在哪儿

SourceMan

2016-09-22 12:58:29 +08:00

@herozzm 如果撇开 UI 的话，组件去除了 jquery 依赖、去除了 bootstrap.js 的依赖
可以对标这个项目： https://github.com/yuche/vue-strap

加上 UI 谈，可能 bootstrap 3.0 的设计风格已经 out 了

xinpure

2016-09-22 13:07:20 +08:00

好赞，已 star

NemoAlex

2016-09-22 13:09:56 +08:00

看了下感觉东西很全，完成度很高
美中不足的是：细节呈现出的质感不够好，配色略显单薄
期待后续可以继续完善

makry

2016-09-22 13:33:16 +08:00

第一印象很不错！

xinpure

2016-09-22 13:41:19 +08:00

@leopoldthecuber 求浏览器兼容范围

LichMscy

2016-09-22 13:56:32 +08:00

已 star

fhefh

2016-09-22 14:00:55 +08:00

nice 已 start 总把 ElemeFE 看成 Element

969054301

2016-09-22 14:01:02 +08:00

挺不错的，喜欢多选框（直角就更好了）、 Slider 滑块、 Message 消息提示，感觉有点 bootstrap 的影子，圆角矩形+边框，留白有点大，起始感觉没有边框比较好，比如说 card 。

SourceMan

2016-09-22 14:09:56 +08:00

@xinpure IE10+

fhefh

2016-09-22 14:36:32 +08:00

![](

) 算是 bug 不？

itfanr

2016-09-22 14:41:34 +08:00

已经 star

TangMonk

2016-09-22 14:48:30 +08:00

和 Ant Design 挺像的

narrowei

2016-09-22 15:03:58 +08:00

满分满分，送上我的 star

laoertongzhi

2016-09-22 15:20:05 +08:00

感谢 LZ 的分享。

zonghua

2016-09-22 15:24:57 +08:00

创造力满满

frozenthrone

2016-09-22 16:33:15 +08:00

Switch 开关的圆点没垂直居中，另外下面的字竟然被圆点挡住了

lanxyou

2016-09-22 16:37:15 +08:00

早点发好了，在用 semantic ui

qinxi

2016-09-22 17:13:11 +08:00

http://ant.design/ 有点像啊,ant 是 react 的.这个是 vue 的

xrlin

2016-09-22 17:47:07 +08:00

已 star ，不错，不过现在还在用 1.0

SuperFashi

2016-09-22 18:13:31 +08:00

很漂亮啊！已 star

dreamcog

2016-09-22 18:14:53 +08:00

漂亮~

wpzero

2016-09-22 18:58:38 +08:00 via iPhone

牛逼

maomaomao001

2016-09-22 19:08:17 +08:00 via Android

我就想问这种组建化的 ui 库(例如还有 vux)，到底怎么具体自定义某个按钮或者组建的 css ? (不是全部)

MaiCong

2016-09-22 19:15:57 +08:00 via iPhone

很厉害，已收藏

Kuo

2016-09-22 19:49:38 +08:00

👍🏼

kelvinblood

2016-09-22 20:03:43 +08:00

好看，不错！

kokdemo

2016-09-22 21:06:06 +08:00

有一些新的组件，图片上传，评分啥的，真的不错，赞！

qnsh

2016-09-22 21:28:37 +08:00 via iPad

挺好看，期待更为复杂的组件支持。

vitas

2016-09-22 22:31:19 +08:00

太 6 了明天虐死前端

grzhan

2016-09-23 01:31:07 +08:00

很赞，不知道库的大小如何， semantic-ui 不定制的话就很大

dreamcog

2016-09-23 04:16:00 +08:00 via iPhone

能有 react 版本吗？总觉得 antd 非常不好看

cinwell

2016-09-23 08:38:12 +08:00

@grzhan 全部加载（所有组件 css 和 js ）且 gzip 后一共是 80Kb+

plqws

2016-09-23 08:43:16 +08:00

目前从文档演示来看 bug 还蛮多的。老早以前在 github 上就发现了这个项目，一直没有看到文档，现在终于有了，恭喜。

比 antd 清爽，很不错的一个 UI 框架！

bigzhu

2016-09-23 09:05:43 +08:00

table 不错，企业开发里， crud 用这个很多。
其他的组件中规中矩，也算够用了。

daysv

2016-09-23 09:13:29 +08:00

作为桌面端 ui ， datepicker 效果非常差

kfreewind

2016-09-23 20:20:31 +08:00

搭车安利
文档 https://n3-components.github.io/N3-components/
github https://github.com/N3-components/N3-components

leopoldthecuber

2016-09-23 23:06:27 +08:00

@daysv 效果差具体是指？

daysv

2016-09-26 09:10:34 +08:00

@leopoldthecuber 就不要滚动了，直接键盘输入算了

functionABC

2016-11-08 10:03:29 +08:00

强烈支持一个！！！

aksoft

2016-11-14 12:03:22 +08:00

我想说为毛本地项目和你们页面里的效果不一样。。

elevens

2017-02-09 15:44:26 +08:00

这个是不错！不过移动端的话， vue-carbon 也不错，大家可以看下

fabia

2017-06-18 21:08:16 +08:00

顶！！！

zszone

2017-07-04 10:16:43 +08:00

刚开始用,有没有人遇到 dialog 组件不弹的问题?

bob360

2018-07-25 16:34:51 +08:00

感谢楼主的分享。如果能有个类似 https://www.ele.me/place/wtw3s7cyhwhg?latitude=31.222834&longitude=121.478433 页面底部 footer 的样式就好了，希望能提供一个这样的组件
@leopoldthecuber

en20

2018-09-13 17:06:46 +08:00

@bob360 那么简单的 footer 手撸不就好了

Destiny97

2019-08-03 14:45:34 +08:00 via Android

@leopoldthecuber http://element-ui.cn/#/zh-CN 这个不是你们网站吧？打着你们旗号