Home Sign Up Sign In
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
bear2017
V2EX  ›  程序员

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

  •   
  •   bear2017 · Aug 10, 2017 · 49661 views
    This topic created in 3192 days ago, the information mentioned may be changed or developed.
    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)

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

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


    希望 element UI 团队能改善这个配色和网站加载慢吞吞的问题
    ETiV
        20
    ETiV  
       Aug 10, 2017
    UIkit 3

    跟任何前端 MVVM 框架都没有依赖，而且样式挺讨喜的
    notreami
        21
    notreami  
       Aug 10, 2017
    最近也在纠结这个问题。最后选择了 muse-ui。先试试，感觉不好就换 vuetify 试试
    AlexYang
        22
    AlexYang  
       Aug 10, 2017
    http://quasar-framework.org/ 有人用吗？
    Daming
        23
    Daming  
       Aug 10, 2017
    vux
    https://vux.li/#/
    zzuieliyaoli
        24
    zzuieliyaoli  
       Aug 10, 2017
    用的 Element-UI，然后自己去改相关的样式文件。

    Element-UI 样式和组件时分开维护的，样式是这个包 https://github.com/ElementUI/theme-default
    klgd
        25
    klgd  
       Aug 10, 2017
    收藏了
    感觉如果你不懂配色什么的话还是用自带的吧，要不就找 UI 设计
    marknote
        26
    marknote  
       Aug 10, 2017
    试试 semantic-ui :)
    loveCoding
        27
    loveCoding  
       Aug 10, 2017
    用 Element-UI 做了三个项目..
    Sapp
        28
    Sapp  
       Aug 10, 2017
    @bear2017 element 有个手机版，这种 ui 框架基本都烂大街了，或者去网上套个主题。
    cephei
        29
    cephei  
       Aug 10, 2017
    iview
    bear2017
        30
    bear2017  
    OP
       Aug 10, 2017
    @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
       Aug 10, 2017
    @Sapp 烂大街没有关系，主要自定义的参数太少。。。
    @cephei iview 手机端实际使用起来怎么样。
    seki
        32
    seki  
       Aug 10, 2017
    element-ui 可以定义主题
    然后再自己写一些 patch css (

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

    抄它思路，最终还是自己写
    bear2017
        59
    bear2017  
    OP
       Aug 11, 2017
    @notreami 暂时也准备入手 muse-ui 或者 vue-material。看起来实现页面和特效应该还是比较快。
    @leega0 element 做后台应该还可以，做前台，用起来的确有点难受。自定义属性真的太少啦。
    @66beta 嗯嗯，有机会再去了解一下。
    lookas2001
        60
    lookas2001  
       Aug 12, 2017 via Android
    @nanguo bootstrap4 不是换成了 scss 嘛
    而且 bootstrap3 有 scss 的子项目。
    qw7692336
        61
    qw7692336  
       Aug 12, 2017 via Android
    @AlexYang 这个用过
    siloong
        62
    siloong  
       Aug 22, 2017
    借楼也问个问题，最近用 vue 做一个文件管理的页面，想问下用什么 UI 框架好一点？
    bear2017
        63
    bear2017  
    OP
       Aug 22, 2017
    @siloong #62 怕坑多久选 element UI 吧,毕竟用户多,碰到问题比较容易交流。如果喜欢 material design 的设计的话可以考虑用[muse-ui]( http://www.muse-ui.org)，目前正在使用 muse-ui 中~
    bear2017
        64
    bear2017  
    OP
       Aug 22, 2017
    @siloong #62 [链接]( http://www.muse-ui.org)
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   919 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 138ms · UTC 20:38 · PVG 04:38 · LAX 13:38 · JFK 16:38
    ♥ Do have faith in what you're doing.