zhangyl-ui 嗨！o(￣︶￣)o

zhangyl-ui 是一款基于 Vue ，在学习element-ui 源码的闲暇之余， 开发出来用于学习交流的前端 UI 组件库，主要适用于构建大屏数据可视化项目。

由来

• 可视化项目需要。
• 更好的学习 element ，如果只是看，真的很容易忘。
• 与其不一样的是，项目的样式采用的是stylus。
• 虽然大部分是致敬的，但也加入一些自己的组件。
• 一些项目用到的消息提示。
• 鼠标滚轮控制的走马灯。
• echarts 图形的颜色渐变设置。
• 插槽组件（有无标题）的封装。

安装

npm install zhangyl-ui --save

使用

全局使用

可以在项目的入口文件中引入所有组件或所需组件

import ZylUI from 'zhangyl-ui' // 引入组件库
import 'zhangyl-ui/packages/theme-set/lib/index.css' // 引入样式库

Vue.use(ZylUI)

在模板中，用 <z-button></z-button> 自定义标签的方式使用组件

<template>
  <z-button>这是一个按钮</z-button>
</template>

自定义主题

UI 基于stylus,可修改 zhangyl-ui/packages/theme-set/common/var.css 文件自定义主题