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

[bear2017]

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 红色 theme="light"

#FF5722 深橙色 theme="dark"

#FF5722 深橙色 theme="light"

#2196F3 蓝色 theme="dark"

#2196F3 蓝色 theme="light"

---

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

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

发现大家都很关注 VUE 这一块 O(∩_∩)O 哈！
到目前（ 201708140920 ）将近有 100 人收藏了这个帖子（收藏的比留言的还要多），那些隐藏的大佬和萌新都粗来，畅聊一下哈。
希望大家还是谈论更热烈一些。♥

[bear2017]

看前端大佬怎么说~ ↓↓↓

[del1214]

当然是自己撸 ui 了

[Sapp]

我是用的 element ui 的功能，自己撸的样式

[nicevar]

试用了 element ui，感觉还行，修改了个 wordpress 模板把两个东西整合起来了，就是界面有时候在某个平台浏览器加载过程有点奇葩，会闪一下模板

[zjsxwc]

徒手写 sass 或者 less 撸

[wxsm]

分享一个自己写的，基于 bootstrap + vue2 的： https://github.com/wxsms/uiv

[bear2017]

@del1214 #2 @Sapp #3 写后台的，想尝试一下 vue。写写 js 还行，要自己写 css 的话......那我还是选择 bootstarp+jquery 好了:smile:
@nicevar element UI 就是配色太土了。兼容性怎么样，主要手机端。

[hging]

iview 啊。

[bear2017]

@zjsxwc #5 不会 sass 和 less( ⊙ o ⊙ )啊！
@wxsm 额，bootstarp 的样式很明显啊。（没有说不好的意思，只是想用一些新特性而已）
@hging iview 坑多么，兼容性怎么样？

[AlwaysBee]

@bear2017 我最近在用 semantic ui 搭配 vue 全家桶，搞了个导航网站 链基百科 ，可以看我之前的发帖

框架官网
https://semantic-ui.com/

[hst001]

当然是用 vue material 啊
http://vuematerial.io/

[bear2017]

@AlwaysBee #10 有点意思，小一号的 bootstarp
@hst001 还是 materialize 卡片式的设计耐看一点。不过 materialize （国内）用的人的确有点少。

[it1989]

收藏了，晚点再来看看评论

[LeeSeoung]

element-ui 修改一些组件的默认颜色，蓝色->红色，不难，浏览器 F12 对着样式表修改就行

[tanranran]

https://github.com/opendigg/awesome-github-vue

[bear2017]

@it1989 #13 发现好多人是收藏啊。啊喂，兄台别走，我们接着聊~
@LeeSeoung 额，吐槽是主题色，类似整套页面的主体颜色。你想，组件那么多，每个都要改，我还不要兔血啊。
@tanranran 简单粗暴看 start 咯~

[bear2017]

@bear2017 #16 star 🌟🌟🌟总是喜欢打成`start`

[LeeSeoung]

@bear2017
还有这种操作
http://element.eleme.io/#/zh-CN/component/custom-theme
https://elementui.github.io/theme-preview/#/zh-CN

[MaxBear]

@LeeSeoung #18 @LeeSeoung 就是用的第一种方法，第二种方法就算了（大多的时候，那个网页要加载老半天才粗来）。其实我要吐槽的是`dark`和`light`深度的问题，theme 的`dark`和`light`深度多几个,岂不颜色更加丰富。
参考 materialize 配色


希望 element UI 团队能改善这个配色和网站加载慢吞吞的问题

[ETiV]

UIkit 3

跟任何前端 MVVM 框架都没有依赖，而且样式挺讨喜的

[notreami]

最近也在纠结这个问题。最后选择了 muse-ui。先试试，感觉不好就换 vuetify 试试

[AlexYang]

http://quasar-framework.org/ 有人用吗？

[Daming]

vux
https://vux.li/#/

[zzuieliyaoli]

用的 Element-UI，然后自己去改相关的样式文件。

Element-UI 样式和组件时分开维护的，样式是这个包 https://github.com/ElementUI/theme-default

[klgd]

收藏了
感觉如果你不懂配色什么的话还是用自带的吧，要不就找 UI 设计

[marknote]

试试 semantic-ui :)

[loveCoding]

用 Element-UI 做了三个项目..

[Sapp]

@bear2017 element 有个手机版，这种 ui 框架基本都烂大街了，或者去网上套个主题。

[cephei]

iview

[bear2017]

@ETiV #20 UIkit 文档写的太简洁了吧
@notreami #21 中意 materialize 的设计,muse-ui 用起来坑不坑？
@AlexYang 这个好像每个组件都要安装一次嘞，哎哎哎。。
@Daming VUX 好像没什么样式嘞，好像主要还算 js，vue js 的加强版?
@zzuieliyaoli@loveCoding element UI 用两天再看看，好像比较成熟的也就这么几个了。
@marknote 好的，有空尝试一下。
@klgd 看来也没有更好的选择了，哎哎哎，没有专门的 UI 嘞。

[bear2017]

@Sapp 烂大街没有关系，主要自定义的参数太少。。。
@cephei iview 手机端实际使用起来怎么样。

[seki]

element-ui 可以定义主题
然后再自己写一些 patch css (

因为有一些东西的配色完全不能从主题参数里面导出来

[zoffy]

自己写。主要是因为找不到跟原型图匹配的 UI 库

[AlwaysBehave]

需求要到什么程度……如果可以的话不妨试试 MDUI
https://www.mdui.org
很轻，但是有些东西不是很完善（比如 select ），小白+1，从这里入手的，因为不用折腾依赖（两行直接写就好了）

[bear2017]

@seki 哦哦，原来还可以这样。
@zoffy 对啊，自己写。。icon 一关就很难过的去啊。
@AlwaysBehave material 设计+1😊

[hasbug]

看移动端还是 PC 咯。后台管理就用饿了么 或者 iview
移动的话。。。vuex mint 或者···不知道了。都不好用，组件太少

[SPACELAN]

最近用了一个 vuematerial，不过实现上还是有好多不足，一些特殊效果需要手撸

[buseni]

你牛逼

[abowloflrf]

@ETiV 我最近也一直用这个，挺好看，就是一万年的 beta😂

[bear2017]

@hasbug 都有吧，其实主要是移动端。
@SPACELAN material 设计还是不错的，可惜用的人不是太多吧。
你俩头像好像哎，难道这里面有故事😂就是一大一小嘛

[designer]

UI 框架集合
http://chuangzaoshi.com/code

[notreami]

@bear2017 明显没有深入使用，目前就表面，出了感觉，就这点组件，居然压缩后都要 300kb，bootstart 实现的 materialize 比这小很多

[ck65]

小项目小团队用 bs admin-lte 或 element，个人项目或桌面应用手写更自由。

[um1ng]

当然是 http://element.eleme.io

[bear2017]

@notreami 的确没怎么深入，不过 VUE 的写法的确有点繁杂，如果单纯特效的话，还不如用 jQuery 写法来的简洁。😊
@ck65 前台用 admin-lte 不合适吧。😂
@um1ng 原来 element 大军这么庞大啊😄

[dcoder]

@bear2017
vue 及其这些 ui 库，和经典的 bootstrap, Jquery 混起来用，方便不?
vue 不是号称"渐进式"框架么, 混搭用的话，会不会比 react.js 之类方便.

[bear2017]

@dcoder 其实有的地方还是借鉴 bootstrap 和 jquery 的写法。比如说写轮播图，感觉还是 jQuery 的写法更简洁明了，如果用 vue 的写法就比较冗杂了，只不过你要改成 vue 的语法就行了。但是 Vue 的新特性（组件通信...），jQuery 好像做不到。react 不了解哎。这些只是个人观点，仅供参考。

[dcoder]

@bear2017
同是后端+业余前端, 觉得 bootstrap 和 jquery 才是真正不过时的东西...
react+redux 应该比 vue 还麻烦

[basers]

用过一个叫 vux 的框架，布局，色彩，体验，文档都挺好，但是组件设计能把人坑死

[bear2017]

@dcoder #48 大多都是借鉴 bootstarp 和 jquery 来写的，不过人家也有自己的很多东西，还是得多学习学习。（说不定只是自己现在了解的不够深入呢，深入了可能感觉就不一样了吧）
@basers 说出你的故事(入坑经历)

[371657110]

只用几个插件.其他自己撸.

[cephei]

@bear2017 iview 没有 mobile 的适配，手机端可以试一试 Vux

[airyland]

@basers 我是作者，可以具体说说，或者开个 issue，组件设计的迭代比较尴尬，即使想改进也得考虑兼容性，可以在大版本改。

[nanguo]

bootstrap 就是用 LESS 写，所以学下 LESS 还是有必要的，可以直接改或者调用他的一些写好的函数和模块

[bear2017]

@cephei #51 哦哦。蟹蟹告知。
@371657110 后台可以撸,前台嘛。毕竟面向用户的，不能太丑
@nangou 不太懂 less，有时间去学一下。

[notreami]

@bear2017 最后有决定了，麻烦通知下，我也在选型，虽然目前是决定 muse-ui。

[leega0]

用 iview 撸了一个后台管理，界面我觉得比 element 好看，一下就吸引了我，不喜欢就是弹窗效果，感觉卡顿不流畅。

[66beta]

quasar 分别适配 ios 和 android

抄它思路，最终还是自己写

[bear2017]

@notreami 暂时也准备入手 muse-ui 或者 vue-material。看起来实现页面和特效应该还是比较快。
@leega0 element 做后台应该还可以，做前台，用起来的确有点难受。自定义属性真的太少啦。
@66beta 嗯嗯，有机会再去了解一下。

[lookas2001]

@nanguo bootstrap4 不是换成了 scss 嘛
而且 bootstrap3 有 scss 的子项目。

[qw7692336]

@AlexYang 这个用过

[siloong]

借楼也问个问题，最近用 vue 做一个文件管理的页面，想问下用什么 UI 框架好一点？

[bear2017]

@siloong #62 怕坑多久选 element UI 吧,毕竟用户多,碰到问题比较容易交流。如果喜欢 material design 的设计的话可以考虑用[muse-ui]( http://www.muse-ui.org)，目前正在使用 muse-ui 中~

[bear2017]

@siloong #62 [链接]( http://www.muse-ui.org)

[chu1204505056]

vue-admin-beautiful 成为全网首家发布 vue3.0 版本的 admin 框架
开源地址： https://github.com/chuzhixin/vue-admin-beautiful/
演示地址： https://chu1204505056.gitee.io/vue-admin-beautiful/
pro 演示地址： https://chu1204505056.gitee.io/vue-admin-beautiful-pro/
vue3.0 版演示地址： https://chu1204505056.gitee.io/vue-admin-beautiful-mini/