# franko-ui

> 这是一个ui框架

Latest version **1.0.1** (published 2019-02-21) · MIT license · 0 weekly downloads

## Install

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

## Health

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

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; large bundle.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.1 |
| Published | 2019-02-21 |
| First published | 2018-12-15 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 3 |
| Unpacked size | 11.6 MB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| GitHub stars | 0 |
| Author | FanKaiqiang |
| Maintainers | fankaiqiang |
| Keywords | vue，ui |

## Links

- npm: https://www.npmjs.com/package/franko-ui
- Repository: https://github.com/FanKaiqiang/Franko-ui
- Homepage: https://github.com/FanKaiqiang/Franko-ui#readme
- Issues: https://github.com/FanKaiqiang/Franko-ui/issues
- npm.io page: https://npm.io/package/franko-ui

## Dependencies (3)

- [vue](https://npm.io/package/vue.md) ^2.5.21
- [chai-spies](https://npm.io/package/chai-spies.md) ^1.0.0
- [vue-hot-reload-api](https://npm.io/package/vue-hot-reload-api.md) ^2.3.1

## Recent versions

- 1.0.1 (latest) — 2019-02-21
- 1.0.0 — 2019-02-21
- 0.0.2 — 2018-12-15
- 0.0.1 — 2018-12-15

## README

# 付坤奇的UI组件
[![Build Status](https://www.travis-ci.org/FanKaiqiang/Franko-ui.svg?branch=master)](https://www.travis-ci.org/FanKaiqiang/Franko-ui)

## 介绍
这是我在学习 Vue 的过程中制作的一个 UI 框架，希望对你有用。

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

    你还需要设置默认颜色等变量（后续会改为 SCSS 变量）：
    ``` CSS
    :root {
        --button-height: 32px;
        --font-size: 14px;
        --button-bg: white;
        --button-active-bg: #eee;
        --border-radius: 4px;
        --color: #333;
        --border-color: #999;
        --border-color-hover: #dadada;
    }
    ```
    IE 15 及以上浏览器都支持此样式.

2. 安装 franko-ui
``` 
npm i --save franko-ui
```

3. 引入 franko-ui
``` javascript
import {
    Button,
    ButtonGroup,
    Icon
} from 'franko-ui'
import 'franko-ui/dist/index.css'

export default {
    name: 'app',
    components: {
        'g-button': Button,
        'g-button-group': ButtonGroup,
        'g-icon': Icon
    }
}
```

## 文档

## 提问

## 变更记录

## 联系方式

## 贡献代码

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