GearCase UI
是一套简易的组件库。是本人在学习 Vue
过程中构建的一个基于 Vue
的 UI
框架。整合了基础、表单、布局、展示、导航、通知、动画等一系列常用组件,适合移动端和 PC
端使用。
组件的样式结构、API
属性的设计参考了诸如 Element UI
、Ant Design
等成熟的 UI
框架。
不要重复造轮子
提倡「敏捷开发,快速迭代」的今天这句话一直被反复提及。旨在如果已经拥有了成熟、稳定的组件库,就没有必要再重复造轮子。但我认为至少要知道轮子是如何造出来的。因为只有去真正的了解「轮子」的原理才能更好的使用它,把它应用得加合理、更加有效。
站在巨人的肩膀上让我们看得更远,紧跟前辈的脚步前进让我们步伐更加坚实。造轮子的过程也是一个成长的过程,不能因为世界上已经有了轮子,就不了解创造它的过程。将这个作为初衷,我也收获了许多。
现有轮子:
- Icon 图标
- Button 按钮
- ButtonGroup 组合按钮
- Input 输入框
- Grid 网格布局
- Layout 容器布局
- Toast 弹出提示
- Tabs 标签页
- Popover 气泡提示
- Collapse 折叠面板
- Cascader 级联选择器
- Springs 伸展动画
- Slides 轮播幻灯片
- Nav 导航菜单
- Pagination 分页器
- Table 表格
其他组件轮子持续更新中...
本组件库为个人学习 Vue
的过程产物并作为开源项目。
欢迎相互交流学习,如果能对您有所帮助,请不要吝惜您的 🌟star
。