|
@@ -3,52 +3,44 @@
|
|
|
|
|
|
## Tip
|
|
|
|
|
|
-```
|
|
|
-## font class
|
|
|
-import 'assets/iconfont/iconfont.css'
|
|
|
-
|
|
|
-## svg
|
|
|
-import 'assets/iconfont/iconfont.js'
|
|
|
-```
|
|
|
-
|
|
|
## Install
|
|
|
```
|
|
|
yarn add @jianyu/easy-inject-iframe
|
|
|
```
|
|
|
|
|
|
-## Use
|
|
|
+## Use Layout
|
|
|
|
|
|
### 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" />
|
|
|
+# examples/App.vue
|
|
|
|
|
|
-## render html
|
|
|
+<jy-iframe-page-layout class="iframe-test" src="https://jybx-webtest.jydev.jianyu360.com/big/page/index" debug>
|
|
|
+ <template v-slot:loading>加载中... 自定义加载动画</template>
|
|
|
+</jy-iframe-page-layout>
|
|
|
|
|
|
-## 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'
|
|
|
+import JianyuIframe from '@jianyu/easy-inject-iframe'
|
|
|
|
|
|
-Vue.use(JianyuIcon)
|
|
|
+Vue.use(JianyuIframe)
|
|
|
```
|
|
|
|
|
|
### Component Use
|
|
|
```
|
|
|
-import { JyIcon } from '@jianyu/icon'
|
|
|
+import { JyIframePageLayout } from '@jianyu/easy-inject-iframe'
|
|
|
+```
|
|
|
+
|
|
|
+## Use Page
|
|
|
+```
|
|
|
+<script src='/JianyuIframe.umd.min.js'></script>
|
|
|
+
|
|
|
+<script>
|
|
|
+new JianyuIframe.easyInjectIframePage({
|
|
|
+ debug: true
|
|
|
+})
|
|
|
+</script>
|
|
|
```
|
|
|
|
|
|
|