# gua-ui

> [![Build Status](https://travis-ci.org/guakun/gua-ui-demo.svg?branch=master)](https://travis-ci.org/guakun/gua-ui-demo)

Latest version **0.1.2** (published 2019-02-01) · MIT license · 0 weekly downloads

## Install

```sh
npm install gua-ui
pnpm add gua-ui
yarn add gua-ui
bun add gua-ui
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.2 |
| Published | 2019-02-01 |
| First published | 2019-01-31 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Unpacked size | 1.7 MB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| Maintainers | bujue |

## Links

- npm: https://www.npmjs.com/package/gua-ui
- npm.io page: https://npm.io/package/gua-ui

## Dependencies (1)

- [vue](https://npm.io/package/vue.md) ^2.5.17

## Recent versions

- 0.1.2 (latest) — 2019-02-01
- 0.1.1 — 2019-01-31

## README

# Gua ui 系列 - 学习代码

[![Build Status](https://travis-ci.org/guakun/gua-ui-demo.svg?branch=master)](https://travis-ci.org/guakun/gua-ui-demo)

代码打字员: 我

## 介绍

这是我在学习别人学习 Vue 过程中模仿做的一个 UI 框架, 希望你不要看到。

## 开始使用

1. 添加 CSS 样式

    使用本框架前， 请在 CSS 中开启 boder-box
    ```css
    *, *::before, *::after { box-sizing: border-box; }
    ```
    IE 8 及以上浏览器都支持此样式

    你还需设置默认颜色等变量 (后续会改为 SCSS 变量)

    ```css
    html {
      --button-height: 32px;
      --font-size: 14px;
      --button-bg: white;
      --button-active-bg: #eee;
      --border-radius: 4px;
      --color: #333;
      --border-color: #999;
      --border-color-hover: #666;
    }
    ```
    IE 15 及以上浏览器都支持此样式

2. 安装 guaUI

    ```
     npm i --save gua-test-guaui-1
    ```

3. 引入 guaUI

    ```javascript
    import { Button, ButtonGroup, Icon } from 'gua-test-guaui-1'
    import 'gua-test-guaui-1/dist/index.css'

    export default {
      name: 'app',
      components: {
        'gua-button': Button
      }
    }
    ```
4. 引入 svg symbols (现在你可以不做这件事啦啦啦)

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

## 文档

## 提问

## 变更记录

## 联系方式

## 贡献代码

---
_Source: https://npm.io/package/gua-ui · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._