README.md 1.2 KB

@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.