Element UI一套基于 Vue 2.0 的桌面端组件库 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
leopoldthecuber
V2EX    分享创造

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

  •  4
     
  • &bsp; leopoldthecuber 2016-09-22 11:22:57 +08:00 222483 次点击
    这是一个创建于 3310 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    文档地址: http://element.eleme.io/#/

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

    63 条回复    2019-08-03 14:45:34 +08:00
    aksoft
        1
    aksoft  
       2016-09-22 11:40:41 +08:00
    挺清爽的。。
    BMW
        2
    BMW  
       2016-09-22 11:47:11 +08:00
    桌面?移动?
    cornelia
        3
    cornelia  
       2016-09-22 11:49:55 +08:00
    刚需, 已 star
    chairuosen
        4
    chairuosen  
       2016-09-22 11:50:34 +08:00
    不错啊
    sherlocktheplant
        5
    sherlocktheplant  
       2016-09-22 11:59:21 +08:00
    相当不错 很爽
    nine
        6
    nine  
       2016-09-22 12:01:16 +08:00
    文档发晚了,已经用了 2 周时间把 ant.design 和 rails 结合起来了
    shellcodecow
        8
    shellcodecow  
       2016-09-22 12:10:16 +08:00
    使用了 ant.desgin 但是还是喜欢 Vue
    Kuo
        9
    Kuo  
       2016-09-22 12:11:41 +08:00
    这页面很赞啊
    doubleflower
        10
    doubleflower  
       2016-09-22 12:22:15 +08:00
    看上去质量不错。
    leopoldthecuber
        11
    leopoldthecuber  
    OP
       2016-09-22 12:25:48 +08:00
    咦,节点选错了,@Lived 求转移到分享创造节点
    leopoldthecuber
        12
    leopoldthecuber  
    OP
       2016-09-22 12:27:37 +08:00
    咦,@ 错了,@Livid 求转移到分享创造节点
    shellcodecow
        13
    shellcodecow  
       2016-09-22 12:33:49 +08:00
    官网首页推轮子的女性屁股画的不合理
    herozzm
        14
    herozzm  
       2016-09-22 12:44:06 +08:00 via Android
    这不是 vue 和 bootstrap uikit 结合体么,分离用不是一样的么,有什么优势
    SourceMan
        15
    SourceMan  
       2016-09-22 12:48:28 +08:00
    @shellcodecow 与淹没 3/4 的胸搭配起来,其实是合理的,仔细看看

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

    @herozzm 你这个说法。。。人家设计师辛辛苦苦设计的一套 UI 风格,你说是 bootstrap
    Livid
        16
    Livid  
    MOD
    PRO
       2016-09-22 12:48:40 +08:00
    @leopoldthecuber 好的,已经移动。
    herozzm
        17
    herozzm  
       2016-09-22 12:54:33 +08:00 via Android
    @SourceMan 我只是举个例子,问问优势在哪儿
    SourceMan
        18
    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
        19
    xinpure  
       2016-09-22 13:07:20 +08:00
    好赞,已 star
    NemoAlex
        20
    NemoAlex  
       2016-09-22 13:09:56 +08:00
    看了下感觉东西很全,完成度很高
    美中不足的是:细节呈现出的质感不够好,配色略显单薄
    期待后续可以继续完善
    makry
        21
    makry  
       2016-09-22 13:33:16 +08:00
    第一印象很不错!
    xinpure
        22
    xinpure  
       2016-09-22 13:41:19 +08:00
    @leopoldthecuber 求浏览器兼容范围
    LichMscy
        23
    LichMscy  
       2016-09-22 13:56:32 +08:00
    已 star
    fhefh
        24
    fhefh  
       2016-09-22 14:00:55 +08:00
    nice 已 start 总把 ElemeFE 看成 Element
    969054301
        25
    969054301  
       2016-09-22 14:01:02 +08:00
    挺不错的,喜欢多选框(直角就更好了)、 Slider 滑块、 Message 消息提示,感觉有点 bootstrap 的影子,圆角矩形+边框,留白有点大,起始感觉没有边框比较好,比如说 card 。
    SourceMan
        26
    SourceMan  
       2016-09-22 14:09:56 +08:00
    @xinpure IE10+
    fhefh
        27
    fhefh  
       2016-09-22 14:36:32 +08:00
    ![]( ) 算是 bug 不?
    itfanr
        28
    itfanr  
       2016-09-22 14:41:34 +08:00
    已经 star
    TangMonk
        29
    TangMonk  
       2016-09-22 14:48:30 +08:00
    和 Ant Design 挺像的
    narrowei
        30
    narrowei  
       2016-09-22 15:03:58 +08:00
    满分满分,送上我的 star
    laoertongzhi
        31
    laoertongzhi  
       2016-09-22 15:20:05 +08:00
    感谢 LZ 的分享。
    zonghua
        32
    zonghua  
       2016-09-22 15:24:57 +08:00
    创造力满满
    frozenthrone
        33
    frozenthrone  
       2016-09-22 16:33:15 +08:00
    Switch 开关的圆点没垂直居中,另外下面的字竟然被圆点挡住了
    lanxyou
        34
    lanxyou  
       2016-09-22 16:37:15 +08:00
    早点发好了,在用 semantic ui
    qinxi
        35
    qinxi  
       2016-09-22 17:13:11 +08:00
    http://ant.design/ 有点像啊,ant 是 react 的.这个是 vue 的
    xrlin
        36
    xrlin  
       2016-09-22 17:47:07 +08:00
    已 star ,不错,不过现在还在用 1.0
    SuperFashi
        37
    SuperFashi  
       2016-09-22 18:13:31 +08:00
    很漂亮啊!已 star
    dreamcog
        38
    dreamcog  
       2016-09-22 18:14:53 +08:00
    漂亮~
    wpzero
        39
    wpzero  
       2016-09-22 18:58:38 +08:00 via iPhone
    牛逼
    maomaomao001
        40
    maomaomao001  
       2016-09-22 19:08:17 +08:00 via Android
    我就想问这种组建化的 ui 库(例如还有 vux),到底怎么具体自定义某个按钮或者组建的 css ? (不是全部)
    MaiCong
        41
    MaiCong  
       2016-09-22 19:15:57 +08:00 via iPhone
    很厉害,已收藏
    Kuo
        42
    Kuo  
       2016-09-22 19:49:38 +08:00
    kelvinblood
        43
    kelvinblood  
       2016-09-22 20:03:43 +08:00
    好看,不错!
    kokdemo
        44
    kokdemo  
       2016-09-22 21:06:06 +08:00
    有一些新的组件,图片上传,评分啥的,真的不错,赞!
    qnsh
        45
    qnsh  
       2016-09-22 21:28:37 +08:00 via iPad
    挺好看,期待更为复杂的组件支持。
    vitas
        46
    vitas  
       2016-09-22 22:31:19 +08:00
    太 6 了 明天虐死前端
    grzhan
        47
    grzhan  
       2016-09-23 01:31:07 +08:00
    很赞,不知道库的大小如何, semantic-ui 不定制的话就很大
    dreamcog
        48
    dreamcog  
       2016-09-23 04:16:00 +08:00 via iPhone
    能有 react 版本吗?总觉得 antd 非常不好看
    cinwell
        49
    cinwell  
       2016-09-23 08:38:12 +08:00   1
    @grzhan 全部加载(所有组件 css 和 js )且 gzip 后一共是 80Kb+
    plqws
        50
    plqws  
       2016-09-23 08:43:16 +08:00
    目前从文档演示来看 bug 还蛮多的。老早以前在 github 上就发现了这个项目,一直没有看到文档,现在终于有了,恭喜。

    比 antd 清爽,很不错的一个 UI 框架!
    bigzhu
        51
    bigzhu  
       2016-09-23 09:05:43 +08:00
    table 不错,企业开发里, crud 用这个很多。
    其他的组件中规中矩,也算够用了。
    daysv
        52
    daysv  
       2016-09-23 09:13:29 +08:00
    作为桌面端 ui , datepicker 效果非常差
    kfreewind
        53
    kfreewind  
       2016-09-23 20:20:31 +08:00
    leopoldthecuber
        54
    leopoldthecuber  
    OP
       2016-09-23 23:06:27 +08:00
    @daysv 效果差具体是指?
    daysv
        55
    daysv  
       2016-09-26 09:10:34 +08:00
    @leopoldthecuber 就不要滚动了,直接键盘输入算了
    functionABC
        56
    functionABC  
       2016-11-08 10:03:29 +08:00
    强烈支持一个!!!
    aksoft
        57
    aksoft  
       2016-11-14 12:03:22 +08:00
    我想说为毛本地项目和你们页面里的效果不一样。。
    elevens
        58
    elevens  
       2017-02-09 15:44:26 +08:00
    这个是不错!不过移动端的话, vue-carbon 也不错,大家可以看下
    fabia
        59
    fabia  
       2017-06-18 21:08:16 +08:00
    顶!!!
    zszone
        60
    zszone  
       2017-07-04 10:16:43 +08:00
    刚开始用,有没有人遇到 dialog 组件不弹的问题?
    bob360
        61
    bob360  
       2018-07-25 16:34:51 +08:00
    感谢楼主的分享。如果能有个类似 https://www.ele.me/place/wtw3s7cyhwhg?latitude=31.222834&lOngitude=121.478433 页面底部 footer 的样式就好了,希望能提供一个这样的组件
    @leopoldthecuber
    en20
        62
    en20  
       2018-09-13 17:06:46 +08:00
    @bob360 那么简单的 footer 手撸不就好了
    Destiny97
        63
    Destiny97  
       2019-08-03 14:45:34 +08:00 via Android
    @leopoldthecuber http://element-ui.cn/#/zh-CN 这个不是你们网站吧?打着你们旗号
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     1074 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 27ms UTC 18:09 PVG 02:09 LAX 11:09 JFK 14:09
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86