V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
leopoldthecuber
V2EX  ›  分享创造

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

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

    仓库地址: 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 结合起来了
    manihome
        7
    manihome  
       2016-09-22 12:03:31 +08:00
    不错 star
    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
       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   ·   实用小工具   ·   1109 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 28ms · UTC 19:33 · PVG 03:33 · LAX 12:33 · JFK 15:33
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.