<p align="left">
  <img src="https://cdn.rawgit.com/RongCapital-FE/Vue-Layout/4b4700ee/src/assets/banner-fire-ants.png" width="400">
</p>

# FireAnts

为你提供构建“小应用”的全套前端解决方法

<p align="left">
  <a href="https://npmcharts.com/compare/fire-ants?minimal=true"><img src="https://img.shields.io/npm/dm/fire-ants.svg" alt="Downloads"></a>
  <a href="https://www.npmjs.com/package/fire-ants"><img src="https://img.shields.io/npm/v/fire-ants.svg" alt="Version"></a>
  <a href="https://www.npmjs.com/package/fire-ants"><img src="https://img.shields.io/npm/l/fire-ants.svg" alt="License"></a>
</p>


## 安装

提供两种安装方式

### 1.npm安装（推荐）
```
npm install --save-dev fire-ants
```

### 2. CDN（目前没有部署到CDN上，所以暂时不可用。。。）
```html
<!-- 引入样式 -->
<link rel="stylesheet" href="https://xxx.com/styles/mcui.css">
<!-- 引入组件库 -->
<script src="https://xxx.com/mc2.js"></script>
```

## 使用
javascipt代码
```javascript
import Vue from 'vue'
import mc2 from 'fire-ants'
import 'mc2/dist/styles/mcui.css'

Vue.use(mc2)
```

模板代码
```vue
<mc-title>Input Demo</mc-title>

<mc-line></mc-line>

<mc-input :title="'textarea 普通的'" type="textarea" v-model="myInput" ></mc-input>

```

## 相关文档

### 开发用文档

* [FireAnts package发布流程](http://gogs.in.dataengine.com/marketing-cloud/mcui/wiki/FireAnts%E7%BB%84%E4%BB%B6%E5%8F%91%E5%B8%83%E6%B5%81%E7%A8%8B)

* [FireAnts文档部署流程](http://gogs.in.dataengine.com/marketing-cloud/mcui/wiki/FireAnts%E6%96%87%E6%A1%A3%E9%83%A8%E7%BD%B2%E6%B5%81%E7%A8%8B)

### 设计文档

* [黑色主题设计规范(面板组件规范)](http://wiki.dataengine.com/pages/viewpage.action?pageId=15033464)

* [白色主题设计规范(MC UI KIT)](http://wiki.dataengine.com/display/~guodan/MC+UI+KIT)

* [原型设计](https://mkt-prototype.rcs.dataengine.com/tyl/MC2-appUX/index.html#g=1&p=%E5%8E%86%E5%8F%B2%E8%AE%B0%E5%BD%95)


[npm-url]: https://www.npmjs.com/package/mc2
[npm-image]:https://nodei.co/npm/fire-ants.png?downloads=true