关于颜色的吐槽
#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)
1
bear2017 OP 看前端大佬怎么说~ ↓↓↓
|
2
del1214 2017-08-10 13:05:21 +08:00
当然是自己撸 ui 了
|
3
Sapp 2017-08-10 13:10:09 +08:00
我是用的 element ui 的功能,自己撸的样式
|
4
nicevar 2017-08-10 13:31:03 +08:00
试用了 element ui,感觉还行,修改了个 wordpress 模板把两个东西整合起来了,就是界面有时候在某个平台浏览器加载过程有点奇葩,会闪一下模板
|
5
zjsxwc 2017-08-10 13:36:00 +08:00
徒手写 sass 或者 less 撸
|
6
wxsm 2017-08-10 13:41:33 +08:00
分享一个自己写的,基于 bootstrap + vue2 的: https://github.com/wxsms/uiv
|
7
bear2017 OP |
8
hging 2017-08-10 13:45:49 +08:00
iview 啊。
|
9
bear2017 OP |
10
AlwaysBee 2017-08-10 13:58:11 +08:00
|
11
hst001 2017-08-10 14:00:05 +08:00
当然是用 vue material 啊
http://vuematerial.io/ |
12
bear2017 OP |
13
it1989 2017-08-10 14:23:38 +08:00
收藏了,晚点再来看看评论
|
14
LeeSeoung 2017-08-10 14:26:32 +08:00
element-ui 修改一些组件的默认颜色,蓝色->红色,不难,浏览器 F12 对着样式表修改就行
|
15
tanranran 2017-08-10 14:26:54 +08:00
|
16
bear2017 OP |
18
LeeSeoung 2017-08-10 14:54:01 +08:00
|
19
MaxBear 2017-08-10 15:23:51 +08:00
|
20
ETiV 2017-08-10 15:31:52 +08:00
UIkit 3
跟任何前端 MVVM 框架都没有依赖,而且样式挺讨喜的 |
21
notreami 2017-08-10 16:25:39 +08:00
最近也在纠结这个问题。最后选择了 muse-ui。先试试,感觉不好就换 vuetify 试试
|
22
AlexYang 2017-08-10 17:22:40 +08:00
|
23
Daming 2017-08-10 17:25:57 +08:00
|
24
zzuieliyaoli 2017-08-10 17:27:13 +08:00
用的 Element-UI,然后自己去改相关的样式文件。
Element-UI 样式和组件时分开维护的,样式是这个包 https://github.com/ElementUI/theme-default |
25
klgd 2017-08-10 17:42:59 +08:00
收藏了
感觉如果你不懂配色什么的话还是用自带的吧,要不就找 UI 设计 |
26
marknote 2017-08-10 17:47:37 +08:00
试试 semantic-ui :)
|
27
loveCoding 2017-08-10 18:12:40 +08:00
用 Element-UI 做了三个项目..
|
29
cephei 2017-08-10 19:20:54 +08:00
iview
|
30
bear2017 OP |
32
seki 2017-08-10 19:33:25 +08:00
element-ui 可以定义主题
然后再自己写一些 patch css ( 因为有一些东西的配色完全不能从主题参数里面导出来 |
33
zoffy 2017-08-10 19:37:34 +08:00
自己写。主要是因为找不到跟原型图匹配的 UI 库
|
34
AlwaysBehave 2017-08-10 19:58:39 +08:00
需求要到什么程度……如果可以的话不妨试试 MDUI
https://www.mdui.org 很轻,但是有些东西不是很完善(比如 select ),小白+1,从这里入手的,因为不用折腾依赖(两行直接写就好了) |
35
bear2017 OP |
36
hasbug 2017-08-10 20:20:14 +08:00
看移动端还是 PC 咯。后台管理就用饿了么 或者 iview
移动的话。。。vuex mint 或者···不知道了。都不好用,组件太少 |
37
SPACELAN 2017-08-10 20:35:40 +08:00
最近用了一个 vuematerial,不过实现上还是有好多不足,一些特殊效果需要手撸
|
38
buseni 2017-08-10 20:40:46 +08:00 via Android
你牛逼
|
39
abowloflrf 2017-08-10 20:51:34 +08:00 via Android
@ETiV 我最近也一直用这个,挺好看,就是一万年的 beta😂
|
40
bear2017 OP |
41
designer 2017-08-10 21:21:13 +08:00
UI 框架集合
http://chuangzaoshi.com/code |
42
notreami 2017-08-10 21:43:51 +08:00
@bear2017 明显没有深入使用,目前就表面,出了感觉,就这点组件,居然压缩后都要 300kb,bootstart 实现的 materialize 比这小很多
|
43
ck65 2017-08-10 22:25:59 +08:00 via iPhone
小项目小团队用 bs admin-lte 或 element,个人项目或桌面应用手写更自由。
|
44
um1ng 2017-08-10 23:14:52 +08:00
|
45
bear2017 OP |
46
dcoder 2017-08-11 07:25:44 +08:00
|
47
bear2017 OP @dcoder 其实有的地方还是借鉴 bootstrap 和 jquery 的写法。比如说写轮播图,感觉还是 jQuery 的写法更简洁明了,如果用 vue 的写法就比较冗杂了,只不过你要改成 vue 的语法就行了。但是 Vue 的新特性(组件通信...),jQuery 好像做不到。react 不了解哎。这些只是个人观点,仅供参考。
|
48
dcoder 2017-08-11 08:45:00 +08:00
|
49
basers 2017-08-11 09:20:11 +08:00
用过一个叫 vux 的框架,布局,色彩,体验,文档都挺好,但是组件设计能把人坑死
|
50
bear2017 OP |
51
371657110 2017-08-11 09:40:42 +08:00
只用几个插件.其他自己撸.
|
53
airyland 2017-08-11 09:56:14 +08:00
@basers 我是作者,可以具体说说,或者开个 issue,组件设计的迭代比较尴尬,即使想改进也得考虑兼容性,可以在大版本改。
|
54
nanguo 2017-08-11 13:25:37 +08:00
bootstrap 就是用 LESS 写,所以学下 LESS 还是有必要的,可以直接改或者调用他的一些写好的函数和模块
|
55
bear2017 OP |
57
leega0 2017-08-11 15:11:43 +08:00
用 iview 撸了一个后台管理,界面我觉得比 element 好看,一下就吸引了我,不喜欢就是弹窗效果,感觉卡顿不流畅。
|
58
66beta 2017-08-11 15:31:41 +08:00
quasar 分别适配 ios 和 android
抄它思路,最终还是自己写 |
59
bear2017 OP |
60
lookas2001 2017-08-12 09:41:57 +08:00 via Android
@nanguo bootstrap4 不是换成了 scss 嘛
而且 bootstrap3 有 scss 的子项目。 |
62
siloong 2017-08-22 13:56:53 +08:00
借楼也问个问题,最近用 vue 做一个文件管理的页面,想问下用什么 UI 框架好一点?
|
63
bear2017 OP @siloong #62 怕坑多久选 element UI 吧,毕竟用户多,碰到问题比较容易交流。如果喜欢 material design 的设计的话可以考虑用[muse-ui]( http://www.muse-ui.org),目前正在使用 muse-ui 中~
|
64
bear2017 OP @siloong #62 [链接]( http://www.muse-ui.org)
|
65
chu1204505056 2020-09-26 22:59:09 +08:00
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/ ![]( https://oscimg.oschina.net/oscnet/up-0d098308d834f605c459b770676027b4332.png) ![]( https://oscimg.oschina.net/oscnet/up-c9bca3359fd7bff40ef41d3a34d0a954643.png) |