Gto UI

• 实现一个自己的组件库，巩固基础，学习组件库设计与实现
• 最终想实现一个渐变色主题的组件库，采集英雄联盟英雄或系列皮肤主题色，定制出专属主题组件库

文档

https://guidetheorient.github.io/gto-ui/

组件

基础

• GButton 按钮
• GRow / GCol 布局
• GIcon 图标

通知

• GMessage 消息提示

表单

• GForm / GFormItem 表单
• GInput 输入框
• GInputNumber 数字输入框
• GRadio 单选框
• GCheckbox 多选框
• GSelect 选择器
• GCascader 级联选择器
• GSwitch 开关
• GDatePicker 日期选择器
• GTimePicker 时间选择器
• GUpload 上传

展示

• GCarousel 轮播
• GEmpty 空状态

导航

• GTabs 标签页
• GDropdown 下拉菜单

反馈

• GTooltip 文字提示
• GDialog 对话框
• GLoading 加载

开发构建

# 安装依赖
npm install
# 启动开发服务器
npm run dev
# 构建
npm run lib:build

编写文档

# 构建 lib
npm run lib:build
# 启动文档服务器
npm run docs:dev
# 构建文档
npm run docs:build
# 发布文档到 github pages
npm run docs:deploy