💊 Gelatin-Ui - 简单好看的VueJs UI Document
Gelatin 明胶,食用后无任何反应
😔 用着简单,看着好看 😳
创立原因:elementUI太重了,iView太丑了,而且,用起来都好复杂
设计理念:代码可以丑陋,使用必须简单
Gelatin简单在哪,几个例子:
直接在package.json自定义主题颜色和其他变量(todo)
只需插入input或包含input的组件开箱即用的且自定义规则的validator,完全不影响原有项目结构
随意插入元素的Carousel,gelatin只负责滚动,样式始终由项目来决定
全屏随意插入的popover tooltip dropdown message toast modal等,只需设置触发元素,不再受原有项目可能出现的overflow hidden影响
甚至可以自动圆角的遮罩层 v-mask v-loading 几个字母就能做到
更容易学习,因为一切基于vue-cli3
需要自己构建vue插件? 一条命令,就可以像开发vue app一样写vue组件
vue-cli-service build --target lib --name gelatin-ui ./packages/index.js
完成度
-
accordion
-
autocomplete
-
button
-
checkbox
-
heading
-
icon
-
input
-
loading
-
message
-
progress
-
spinner
-
toast
-
upload
-
alert
-
avatar
-
card
-
confirm
-
highlight
-
image
-
layout
-
marquee
-
modal
-
radio
-
tag
-
tooltip
-
validator
-
backdrop
-
carousel
-
dropdown
-
hr
-
loader
-
mask
-
popover
-
share
-
textarea
-
typer
-
tab
-
tab-switch
-
countdown
-
tree
-
lightbox
-
geo
-
scroll-spy
-
loading-bar
-
back-to-top
-
read-more
-
photo-editor
-
integration wangeditor
-
panel
-
slide-layer
-
select / options
-
unit test