Skip to content
自制Vue-UI开源框架
HTML Vue JavaScript CSS Shell
Branch: master
Clone or download
Latest commit f5b5a7c Jul 30, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.cache cascader Nov 5, 2018
.idea 添加cascader至官网 Feb 8, 2019
coverage xxx Jan 11, 2019
docs 更新README Feb 9, 2019
public cascader Nov 5, 2018
src 添加cascader至官网 Feb 8, 2019
styles 新增图形验证码轮子 Jan 13, 2019
tests update Jul 5, 2019
.gitignore 改用vue cli 3.0构建项目 Nov 4, 2018
.travis.yml node 9 node 10 测试 Nov 28, 2018
LICENSE Create LICENSE Oct 1, 2018
README.md update email Jul 30, 2019
babel.config.js
deploy.sh 添加svg.js Oct 26, 2018
index.html 增加递归组件 Nov 1, 2018
karma.conf.js 添加karma 单元测试覆盖率 Dec 4, 2018
package-lock.json 创建uploader.vue Jan 7, 2019
package.json 搭建官网至toast Jan 13, 2019
vue.config.js 整理结构目录,引入var.scss Nov 29, 2018

README.md

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 git@github.com:yuyunzhi/y-components.git
  • 安装依赖
npm install
  • 运行
npm run serve

联系方式

License

  • MIT
You can’t perform that action at this time.