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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 2673 天前的主题，其中的信息可能已经有所发展或是发生改变。

前端小白,之前一直用 bootstarp。
用了 2 天 element UI,感觉自定义参数太少，而且颜色搭配真真是。。。
用过 materializecss，感觉色彩，样式都还好，不过感觉感觉有点卡。muse-ui 怎么样,不会和 materialize 一样卡吧。materialize 的 toast 效果真的让人抓狂，其他都还好。
iView 感觉就是 element UI 的翻版,不过比 element UI 要丰富。
mint-ui 没接触过,不知道，用过的可以告知一下，蟹蟹。

关于颜色的吐槽

#FF5252 红色 theme="dark"

#FF5252

#FF5252 红色 theme="light"

#FF5722 深橙色 theme="dark"

#FF5722

#FF5722 深橙色 theme="light"

#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

2017-08-10 13:01:32 +08:00

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

del1214

2017-08-10 13:05:21 +08:00

当然是自己撸 ui 了

Sapp

2017-08-10 13:10:09 +08:00

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

nicevar

2017-08-10 13:31:03 +08:00

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

zjsxwc

2017-08-10 13:36:00 +08:00

徒手写 sass 或者 less 撸

wxsm

2017-08-10 13:41:33 +08:00

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

bear2017

2017-08-10 13:43:53 +08:00

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

hging

2017-08-10 13:45:49 +08:00

iview 啊。

bear2017

2017-08-10 13:54:23 +08:00

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

AlwaysBee

2017-08-10 13:58:11 +08:00

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

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

hst001

2017-08-10 14:00:05 +08:00

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

bear2017

2017-08-10 14:20:47 +08:00

@AlwaysBee #10 有点意思，小一号的 bootstarp

@hst001 还是 materialize 卡片式的设计耐看一点。不过 materialize （国内）用的人的确有点少。

it1989

2017-08-10 14:23:38 +08:00

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

LeeSeoung

2017-08-10 14:26:32 +08:00

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

tanranran

2017-08-10 14:26:54 +08:00

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

bear2017

2017-08-10 14:48:17 +08:00

@it1989 #13 发现好多人是收藏啊。啊喂，兄台别走，我们接着聊~

@LeeSeoung 额，吐槽是主题色，类似整套页面的主体颜色。你想，组件那么多，每个都要改，我还不要兔血啊。
@tanranran 简单粗暴看 start 咯~

bear2017

2017-08-10 14:50:07 +08:00

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

LeeSeoung

2017-08-10 14:54:01 +08:00

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

MaxBear

2017-08-10 15:23:51 +08:00

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

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

ETiV

2017-08-10 15:31:52 +08:00

UIkit 3

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

notreami

2017-08-10 16:25:39 +08:00

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

AlexYang

2017-08-10 17:22:40 +08:00

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

Daming

2017-08-10 17:25:57 +08:00

vux
https://vux.li/#/

zzuieliyaoli

2017-08-10 17:27:13 +08:00

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

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

klgd

2017-08-10 17:42:59 +08:00

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

marknote

2017-08-10 17:47:37 +08:00

试试 semantic-ui :)

loveCoding

2017-08-10 18:12:40 +08:00

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

Sapp

2017-08-10 18:53:30 +08:00

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

cephei

2017-08-10 19:20:54 +08:00

iview

bear2017

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

2017-08-10 19:28:44 +08:00

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

seki

2017-08-10 19:33:25 +08:00

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

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

zoffy

2017-08-10 19:37:34 +08:00

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

AlwaysBehave

2017-08-10 19:58:39 +08:00

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

bear2017

2017-08-10 20:13:46 +08:00 via Android

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

hasbug

2017-08-10 20:20:14 +08:00

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

SPACELAN

2017-08-10 20:35:40 +08:00

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

buseni

2017-08-10 20:40:46 +08:00 via Android

你牛逼

abowloflrf

2017-08-10 20:51:34 +08:00 via Android

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

bear2017

2017-08-10 21:14:43 +08:00 via Android

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

designer

2017-08-10 21:21:13 +08:00

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

notreami

2017-08-10 21:43:51 +08:00

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

ck65

2017-08-10 22:25:59 +08:00 via iPhone

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

um1ng

2017-08-10 23:14:52 +08:00

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

bear2017

2017-08-10 23:51:13 +08:00 via Android

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

dcoder

2017-08-11 07:25:44 +08:00

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

bear2017

2017-08-11 08:33:35 +08:00 via Android

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

dcoder

2017-08-11 08:45:00 +08:00

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