V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
bear2017
V2EX  ›  程序员

用 vue 一般都配合什么 UI 框架呢?

  •  
  •   bear2017 · 2017-08-10 12:58:43 +08:00 · 48647 次点击
    这是一个创建于 2660 天前的主题,其中的信息可能已经有所发展或是发生改变。
    1. 前端小白,之前一直用 bootstarp。
    2. 用了 2 天 element UI,感觉自定义参数太少,而且颜色搭配真真是。。。
    3. 用过 materializecss,感觉色彩,样式都还好,不过感觉感觉有点卡。muse-ui 怎么样,不会和 materialize 一样卡吧。materialize 的 toast 效果真的让人抓狂,其他都还好。
    4. iView 感觉就是 element UI 的翻版,不过比 element UI 要丰富。
    5. mint-ui 没接触过,不知道,用过的可以告知一下,蟹蟹。

    关于颜色的吐槽


    #FF5252 红色 theme="dark"

    #FF5252

    #FF5252 红色 theme="light"

    #FF5252-1

    #FF5722 深橙色 theme="dark"

    #FF5722

    #FF5722 深橙色 theme="light"

    #FF5722_1

    #2196F3 蓝色 theme="dark"

    #2196F3

    #2196F3 蓝色 theme="light"

    #2196F3_1


    只能说明 element UI 只提供了友好的蓝色主题。

    (当然你也可以自定义 css 或者在线生成主题啊。关于在线生成主题,我无力吐槽了,这个页面要超过 30 分钟才能响应过来。element UI 的主页响应时间的盆友有木有。虽然很生气但还是要保持围笑.gif)

    第 1 条附言  ·  2017-08-14 09:23:58 +08:00
    发现大家都很关注 VUE 这一块 O(∩_∩)O 哈!
    到目前( 201708140920 )将近有 100 人收藏了这个帖子(收藏的比留言的还要多),那些隐藏的大佬和萌新都粗来,畅聊一下哈。
    希望大家还是谈论更热烈一些。♥
    65 条回复    2020-09-26 22:59:09 +08:00
    bear2017
        1
    bear2017  
    OP
       2017-08-10 13:01:32 +08:00
    看前端大佬怎么说~ ↓↓↓
    del1214
        2
    del1214  
       2017-08-10 13:05:21 +08:00
    当然是自己撸 ui 了
    Sapp
        3
    Sapp  
       2017-08-10 13:10:09 +08:00
    我是用的 element ui 的功能,自己撸的样式
    nicevar
        4
    nicevar  
       2017-08-10 13:31:03 +08:00
    试用了 element ui,感觉还行,修改了个 wordpress 模板把两个东西整合起来了,就是界面有时候在某个平台浏览器加载过程有点奇葩,会闪一下模板
    zjsxwc
        5
    zjsxwc  
       2017-08-10 13:36:00 +08:00
    徒手写 sass 或者 less 撸
    wxsm
        6
    wxsm  
       2017-08-10 13:41:33 +08:00
    分享一个自己写的,基于 bootstrap + vue2 的: https://github.com/wxsms/uiv
    bear2017
        7
    bear2017  
    OP
       2017-08-10 13:43:53 +08:00
    @del1214 #2 @Sapp #3 写后台的,想尝试一下 vue。写写 js 还行,要自己写 css 的话......那我还是选择 bootstarp+jquery 好了:smile:
    @nicevar element UI 就是配色太土了。兼容性怎么样,主要手机端。
    hging
        8
    hging  
       2017-08-10 13:45:49 +08:00
    iview 啊。
    bear2017
        9
    bear2017  
    OP
       2017-08-10 13:54:23 +08:00
    @zjsxwc #5 不会 sass 和 less( ⊙ o ⊙ )啊!
    @wxsm 额,bootstarp 的样式很明显啊。(没有说不好的意思,只是想用一些新特性而已)
    @hging iview 坑多么,兼容性怎么样?
    AlwaysBee
        10
    AlwaysBee  
       2017-08-10 13:58:11 +08:00
    @bear2017 我最近在用 semantic ui 搭配 vue 全家桶,搞了个导航网站 链基百科 ,可以看我之前的发帖

    框架官网
    https://semantic-ui.com/
    hst001
        11
    hst001  
       2017-08-10 14:00:05 +08:00
    当然是用 vue material 啊
    http://vuematerial.io/
    bear2017
        12
    bear2017  
    OP
       2017-08-10 14:20:47 +08:00
    @AlwaysBee #10 有点意思,小一号的 bootstarp
    @hst001 还是 materialize 卡片式的设计耐看一点。不过 materialize (国内)用的人的确有点少。
    it1989
        13
    it1989  
       2017-08-10 14:23:38 +08:00
    收藏了,晚点再来看看评论
    LeeSeoung
        14
    LeeSeoung  
       2017-08-10 14:26:32 +08:00
    element-ui 修改一些组件的默认颜色,蓝色->红色,不难,浏览器 F12 对着样式表修改就行
    tanranran
        15
    tanranran  
       2017-08-10 14:26:54 +08:00
    bear2017
        16
    bear2017  
    OP
       2017-08-10 14:48:17 +08:00
    @it1989 #13 发现好多人是收藏啊。啊喂,兄台别走,我们接着聊~
    @LeeSeoung 额,吐槽是主题色,类似整套页面的主体颜色。你想,组件那么多,每个都要改,我还不要兔血啊。
    @tanranran 简单粗暴看 start 咯~
    bear2017
        17
    bear2017  
    OP
       2017-08-10 14:50:07 +08:00
    @bear2017 #16 star 🌟🌟🌟总是喜欢打成`start`
    MaxBear
        19
    MaxBear  
       2017-08-10 15:23:51 +08:00
    @LeeSeoung #18 @LeeSeoung 就是用的第一种方法,第二种方法就算了(大多的时候,那个网页要加载老半天才粗来)。其实我要吐槽的是`dark`和`light`深度的问题,theme 的`dark`和`light`深度多几个,岂不颜色更加丰富。
    参考 materialize 配色


    希望 element UI 团队能改善这个配色和网站加载慢吞吞的问题
    ETiV
        20
    ETiV  
       2017-08-10 15:31:52 +08:00
    UIkit 3

    跟任何前端 MVVM 框架都没有依赖,而且样式挺讨喜的
    notreami
        21
    notreami  
       2017-08-10 16:25:39 +08:00
    最近也在纠结这个问题。最后选择了 muse-ui。先试试,感觉不好就换 vuetify 试试
    AlexYang
        22
    AlexYang  
       2017-08-10 17:22:40 +08:00
    Daming
        23
    Daming  
       2017-08-10 17:25:57 +08:00
    zzuieliyaoli
        24
    zzuieliyaoli  
       2017-08-10 17:27:13 +08:00
    用的 Element-UI,然后自己去改相关的样式文件。

    Element-UI 样式和组件时分开维护的,样式是这个包 https://github.com/ElementUI/theme-default
    klgd
        25
    klgd  
       2017-08-10 17:42:59 +08:00
    收藏了
    感觉如果你不懂配色什么的话还是用自带的吧,要不就找 UI 设计
    marknote
        26
    marknote  
       2017-08-10 17:47:37 +08:00
    试试 semantic-ui :)
    loveCoding
        27
    loveCoding  
       2017-08-10 18:12:40 +08:00
    用 Element-UI 做了三个项目..
    Sapp
        28
    Sapp  
       2017-08-10 18:53:30 +08:00
    @bear2017 element 有个手机版,这种 ui 框架基本都烂大街了,或者去网上套个主题。
    cephei
        29
    cephei  
       2017-08-10 19:20:54 +08:00
    iview
    bear2017
        30
    bear2017  
    OP
       2017-08-10 19:26:23 +08:00
    @ETiV #20 UIkit 文档写的太简洁了吧
    @notreami #21 中意 materialize 的设计,muse-ui 用起来坑不坑?
    @AlexYang 这个好像每个组件都要安装一次嘞,哎哎哎。。
    @Daming VUX 好像没什么样式嘞,好像主要还算 js,vue js 的加强版?
    @zzuieliyaoli@loveCoding element UI 用两天再看看,好像比较成熟的也就这么几个了。
    @marknote 好的,有空尝试一下。
    @klgd 看来也没有更好的选择了,哎哎哎,没有专门的 UI 嘞。
    bear2017
        31
    bear2017  
    OP
       2017-08-10 19:28:44 +08:00
    @Sapp 烂大街没有关系,主要自定义的参数太少。。。
    @cephei iview 手机端实际使用起来怎么样。
    seki
        32
    seki  
       2017-08-10 19:33:25 +08:00
    element-ui 可以定义主题
    然后再自己写一些 patch css (

    因为有一些东西的配色完全不能从主题参数里面导出来
    zoffy
        33
    zoffy  
       2017-08-10 19:37:34 +08:00
    自己写。主要是因为找不到跟原型图匹配的 UI 库
    AlwaysBehave
        34
    AlwaysBehave  
       2017-08-10 19:58:39 +08:00
    需求要到什么程度……如果可以的话不妨试试 MDUI
    https://www.mdui.org
    很轻,但是有些东西不是很完善(比如 select ),小白+1,从这里入手的,因为不用折腾依赖(两行直接写就好了)
    bear2017
        35
    bear2017  
    OP
       2017-08-10 20:13:46 +08:00 via Android
    @seki 哦哦,原来还可以这样。
    @zoffy 对啊,自己写。。icon 一关就很难过的去啊。
    @AlwaysBehave material 设计+1😊
    hasbug
        36
    hasbug  
       2017-08-10 20:20:14 +08:00
    看移动端还是 PC 咯。后台管理就用饿了么 或者 iview
    移动的话。。。vuex mint 或者···不知道了。都不好用,组件太少
    SPACELAN
        37
    SPACELAN  
       2017-08-10 20:35:40 +08:00
    最近用了一个 vuematerial,不过实现上还是有好多不足,一些特殊效果需要手撸
    buseni
        38
    buseni  
       2017-08-10 20:40:46 +08:00 via Android
    你牛逼
    abowloflrf
        39
    abowloflrf  
       2017-08-10 20:51:34 +08:00 via Android
    @ETiV 我最近也一直用这个,挺好看,就是一万年的 beta😂
    bear2017
        40
    bear2017  
    OP
       2017-08-10 21:14:43 +08:00 via Android   ❤️ 1
    @hasbug 都有吧,其实主要是移动端。
    @SPACELAN material 设计还是不错的,可惜用的人不是太多吧。
    你俩头像好像哎,难道这里面有故事😂就是一大一小嘛
    designer
        41
    designer  
       2017-08-10 21:21:13 +08:00
    notreami
        42
    notreami  
       2017-08-10 21:43:51 +08:00
    @bear2017 明显没有深入使用,目前就表面,出了感觉,就这点组件,居然压缩后都要 300kb,bootstart 实现的 materialize 比这小很多
    ck65
        43
    ck65  
       2017-08-10 22:25:59 +08:00 via iPhone
    小项目小团队用 bs admin-lte 或 element,个人项目或桌面应用手写更自由。
    um1ng
        44
    um1ng  
       2017-08-10 23:14:52 +08:00
    bear2017
        45
    bear2017  
    OP
       2017-08-10 23:51:13 +08:00 via Android
    @notreami 的确没怎么深入,不过 VUE 的写法的确有点繁杂,如果单纯特效的话,还不如用 jQuery 写法来的简洁。😊
    @ck65 前台用 admin-lte 不合适吧。😂
    @um1ng 原来 element 大军这么庞大啊😄
    dcoder
        46
    dcoder  
       2017-08-11 07:25:44 +08:00
    @bear2017
    vue 及其这些 ui 库,和经典的 bootstrap, Jquery 混起来用,方便不?
    vue 不是号称"渐进式"框架么, 混搭用的话,会不会比 react.js 之类方便.
    bear2017
        47
    bear2017  
    OP
       2017-08-11 08:33:35 +08:00 via Android
    @dcoder 其实有的地方还是借鉴 bootstrap 和 jquery 的写法。比如说写轮播图,感觉还是 jQuery 的写法更简洁明了,如果用 vue 的写法就比较冗杂了,只不过你要改成 vue 的语法就行了。但是 Vue 的新特性(组件通信...),jQuery 好像做不到。react 不了解哎。这些只是个人观点,仅供参考。
    dcoder
        48
    dcoder  
       2017-08-11 08:45:00 +08:00
    @bear2017
    同是后端+业余前端, 觉得 bootstrap 和 jquery 才是真正不过时的东西...
    react+redux 应该比 vue 还麻烦
    basers
        49
    basers  
       2017-08-11 09:20:11 +08:00
    用过一个叫 vux 的框架,布局,色彩,体验,文档都挺好,但是组件设计能把人坑死
    bear2017
        50
    bear2017  
    OP
       2017-08-11 09:31:56 +08:00
    @dcoder #48 大多都是借鉴 bootstarp 和 jquery 来写的,不过人家也有自己的很多东西,还是得多学习学习。(说不定只是自己现在了解的不够深入呢,深入了可能感觉就不一样了吧)
    @basers 说出你的故事(入坑经历)
    371657110
        51
    371657110  
       2017-08-11 09:40:42 +08:00
    只用几个插件.其他自己撸.
    cephei
        52
    cephei  
       2017-08-11 09:48:19 +08:00
    @bear2017 iview 没有 mobile 的适配,手机端可以试一试 Vux
    airyland
        53
    airyland  
       2017-08-11 09:56:14 +08:00
    @basers 我是作者,可以具体说说,或者开个 issue,组件设计的迭代比较尴尬,即使想改进也得考虑兼容性,可以在大版本改。
    nanguo
        54
    nanguo  
       2017-08-11 13:25:37 +08:00
    bootstrap 就是用 LESS 写,所以学下 LESS 还是有必要的,可以直接改或者调用他的一些写好的函数和模块
    bear2017
        55
    bear2017  
    OP
       2017-08-11 13:37:37 +08:00
    @cephei #51 哦哦。蟹蟹告知。
    @371657110 后台可以撸,前台嘛。毕竟面向用户的,不能太丑
    @nangou 不太懂 less,有时间去学一下。
    notreami
        56
    notreami  
       2017-08-11 15:09:18 +08:00
    @bear2017 最后有决定了,麻烦通知下,我也在选型,虽然目前是决定 muse-ui。
    leega0
        57
    leega0  
       2017-08-11 15:11:43 +08:00
    用 iview 撸了一个后台管理,界面我觉得比 element 好看,一下就吸引了我,不喜欢就是弹窗效果,感觉卡顿不流畅。
    66beta
        58
    66beta  
       2017-08-11 15:31:41 +08:00
    quasar 分别适配 ios 和 android

    抄它思路,最终还是自己写
    bear2017
        59
    bear2017  
    OP
       2017-08-11 19:52:00 +08:00
    @notreami 暂时也准备入手 muse-ui 或者 vue-material。看起来实现页面和特效应该还是比较快。
    @leega0 element 做后台应该还可以,做前台,用起来的确有点难受。自定义属性真的太少啦。
    @66beta 嗯嗯,有机会再去了解一下。
    lookas2001
        60
    lookas2001  
       2017-08-12 09:41:57 +08:00 via Android
    @nanguo bootstrap4 不是换成了 scss 嘛
    而且 bootstrap3 有 scss 的子项目。
    qw7692336
        61
    qw7692336  
       2017-08-12 09:44:53 +08:00 via Android
    @AlexYang 这个用过
    siloong
        62
    siloong  
       2017-08-22 13:56:53 +08:00
    借楼也问个问题,最近用 vue 做一个文件管理的页面,想问下用什么 UI 框架好一点?
    bear2017
        63
    bear2017  
    OP
       2017-08-22 14:08:46 +08:00
    @siloong #62 怕坑多久选 element UI 吧,毕竟用户多,碰到问题比较容易交流。如果喜欢 material design 的设计的话可以考虑用[muse-ui]( http://www.muse-ui.org),目前正在使用 muse-ui 中~
    bear2017
        64
    bear2017  
    OP
       2017-08-22 14:09:32 +08:00
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1467 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 32ms · UTC 17:13 · PVG 01:13 · LAX 09:13 · JFK 12:13
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.