weberandphper / y-components

自制Vue-UI开源框架

Vue UI 组件库

作者：余咖咖

介绍

这是我在学习Vue过程中做的一个UI框架，后续在工作中会不断的更新迭代原有的代码及组件。

• 该框架参考了element、antDesign的UI界面及API设计
• 适应PC端和移动端
• 使用了VuePress搭建UI框架官网
• 目前共计17个UI组件：Button、Input、Grid、Layout、Pager、Sticky、Collapse、Cascader、Table、Popover、Toast、Slides、Tabs、Nav、表单验证、图形验证码、瀑布流布局、单/多图上传。
• 使用vue-test-utils写单元测试，由于时间有限后期会慢慢完成所有组件的单元测试代码
• 使用了Travis CI 持续集成
• 第一次代码提交是在2018年10月1日

使用的技术

• Vue.js技术栈，包括但不限于：指令及自定义指令、计算属性、class动态绑定、条件渲染、列表渲染、事件监听处理、组件注册、props及校验、插槽、动画过渡、过滤器、多种组件通信方式等
• 设计模式：单向数据流、测试驱动开发、发布订阅模式、API正交（props）、可测试代码（在标签加入特殊的属性，方便测试的时候可以找到）
• 单元测试、覆盖率、持续集成
• 测试库：Chai、Karma、Sinon、Vue-test-utils、Travis CI

下载源码

• 文件夹里包含一个demo,可以参考如何使用，注意引入的路径
• 下载仓库代码

git clone [email protected]:yuyunzhi/y-components.git

• 安装依赖

npm install

• 运行

npm run serve

联系方式

• 微信:Lambert1129
• 官网:点击此处跳转
• Github:点击此处跳转

License

• MIT