Skip to content

leafiy/gelatin-ui

Repository files navigation

💊 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