@fe6/water-pro/README.md

An enterprise-class UI design language and Vue-based implementation

<p align="center">
  <a href="http://water.chjgo.com/">
    <img width="200" src="logo.png">
  </a>
</p>

<h1 align="center">
  <a href="http://water.chjgo.com/" target="_blank">@fe6/water-pro</a>
</h1>

<div align="center">

基于 Ant 设计和 vue3 的企业级 UI 组件。[国内镜像](https://gitee.com/fe6/water-pro)。

[![npm package](https://img.shields.io/npm/v/@fe6/water-pro.svg?style=flat-square)](https://www.npmjs.com/package/@fe6/water-pro) [![NPM downloads](https://img.shields.io/npm/dm/@fe6/water-pro.svg?style=flat-square)](http://www.npmtrends.com/@fe6/water-pro) [![extension-for-VSCode](https://img.shields.io/badge/extension%20for-VSCode-blue.svg?style=flat-square)](https://marketplace.visualstudio.com/items?itemName=ant-design-vue.vscode-ant-design-vue-helper)

</div>

[![](https://cdn-images-1.medium.com/max/2000/1*NIlj0-TdLMbo_hzSBP8tmg.png)](http://water.chjgo.com/)

## 特性

- 提炼自企业级中后台产品的交互语言和视觉风格。
- 开箱即用的高质量 Vue 组件。
- 共享 [Ant Design of React](http://ant-design.gitee.io/docs/spec/introduce-cn) 设计工具体系。

## 支持环境

- 现代浏览器和 IE11 及以上。1.x 版本支持 IE 9+（需要 [polyfills](http://water.chjgo.com/docs/vue/getting-started-cn/#兼容性)）
- 支持服务端渲染。
- [Electron](https://electronjs.org/)
- 支持 Vue 2 和 Vue 3

| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>IE / Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png" alt="Opera" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Opera | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/electron/electron_48x48.png" alt="Electron" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Electron |
| --- | --- | --- | --- | --- | --- |
| IE11, Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions | last 2 versions |

## 安装

### 使用 npm 或 yarn 安装

```bash
$ npm install @fe6/water-pro --save
```

```bash
$ yarn add @fe6/water-pro
```

如果你的网络环境不佳，推荐 [配置国内镜像](https://github.com/iq9891/blog/issues/18)。

## 链接

- [首页](http://water.chjgo.com/)
- [Vue 官方文档](https://cn.vuejs.org/)
- [Ant Design Of React](http://ant.design/)