# viewz

**Repository Path**: az22c/viewz

## Basic Information

- **Project Name**: viewz
- **Description**: 一个基于 Vue 实现的 UI 库。（含持续集成和单元测试） 文档+效果演示：https://az22c.top/ui
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: https://alexzhong22c.github.io/viewz
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-09-07
- **Last Updated**: 2024-07-14

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# viewz: 一个 Vue UI 组件库

## 🏠 文档

- [组件使用文档（带演示效果） @vercel](https://x.az22c.top/viewz/)   :point_left:
  - [组件使用文档（带演示效果） @github（内容同）](https://alexzhong22c.github.io/viewz/)   :point_left:

---

- [代码仓库 @gitee](https://gitee.com/az22c/viewz)   :point_left:
  - [代码仓库 @github（内容同）](https://github.com/AlexZhong22c/viewz)   :point_left:



## 介绍

- 作为组件库，封装层级对应 Element-ui 这种层级
- test/unit 文件： 组件的单元测试代码

## 开始使用

1. 注意：添加 CSS 样式

使用本框架前，请在 CSS 中开启 border-box

```css
*, *::before, *::after { box-sizing: border-box; }
```

2. 安装 viewz

```bash
npm install viewz
```

3. 引入 viewz

```js
import { Button } from 'viewz'
```
4. 引入 svg symbols 

``` html
<script src="//at.alicdn.com/t/font_718972_1hhoomwpb69.js"></script>
```

## 备注：

node ≥ 14 && yarn