<p></p>
<p align="center">
  <img alt="logo" src="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/byted-ui-m/static/online-vue-logo.png" height="32px" />
</p>

<h1 align="center">OKeeDesign Mobile Vue</h1>

<p align="center">OKeeDesign Mobile Vue 是基于 OKeeDesign 设计体系的移动端组件库。</p>

<p align="center">
    <img src="https://img.shields.io/npm/v/@okee-uikit/m-vue" alt="npm version" />
    <img src="https://img.shields.io/github/workflow/status/oceanengine/okeedesign-mobile-vue/Node.js%20CI/main" alt="CI Status" />
    <img src='https://coveralls.io/repos/github/oceanengine/okeedesign-mobile-vue/badge.svg?branch=main' alt='Coverage Status' />
    <img src="https://img.shields.io/bundlephobia/min/@okee-uikit/m-vue" alt="min size" />
</p>

## 特性

* 提供 36 个高质量组件，覆盖移动端各类场景
* 组件单元测试覆盖率达 70%，为稳定性提供保障
* 支持国际化，兼容 Vue-i18n，支持 16 种语言
* 支持自定义品牌名称
* 支持TypeScript
* 支持主题定制
* 支持按需引入

## 快速预览

了解更多信息，请参考[快速上手](https://okee.oceanengine.com/mobile/vue/#/zh-CN/intro)。可扫下方二维码，在线体验组件功能。

<img alt="qr code" src="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/byted-ui-m/static/opensource-online-vue.png" height="100px" />

## 本地运行 node 8+

```
yarn
yarn dev
```

## 快速上手

```
npm install @okee-uikit/m-vue
```

全局引入

```javascript
import Vue from 'vue';
import '@okee-uikit/m-vue/lib/index.css';
import okui from '@okee-uikit/m-vue';

Vue.use(okui);
```

## 开源协议
OKeeDesign Mobile Vue 基于MIT协议，可自由参与开源。
