Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

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

About

vue 2.0 ui toolkit [开发中]

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

AltStyle によって変換されたページ (->オリジナル) /