# @jianyu/easy-inject-iframe
> 剑鱼Iframe支撑组件，提供vue组件加载 iframe，umd iframe通信内部扩展

## Tip

```
## font class
import 'assets/iconfont/iconfont.css'

## svg
import 'assets/iconfont/iconfont.js'
```

## Install
```
yarn add @jianyu/easy-inject-iframe
```

## Use

### Template Use
```
## font class
<JyIcon name="QQ" />
<JyIcon name="QQ" size="20px" color="red" classPrefix="icon-"/>

## svg
<JyIcon svg name="QQ" />
<JyIcon svg name="QQ" size="20px" color="red" />

## render html

## font class
<i data-v-51ff60d6="" class="iconfont icon-QQ"></i>

## svg
<svg data-v-51ff60d6="" aria-hidden="true" class="svg-icon icon-QQ">
    <use data-v-51ff60d6="" xlink:href="#icon-QQ"></use>
</svg>
```

### Global Use
```
import JianyuIcon from '@jianyu/easy-inject-iframe'

Vue.use(JianyuIcon)
```

### Component Use
```
import { JyIcon } from '@jianyu/icon'
```


## Project setup
```
yarn install
```

### Compiles and hot-reloads for development
```
yarn serve
```

### Compiles and minifies for production
```
yarn build
```

### Lints and fixes files
```
yarn lint
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).