Pārlūkot izejas kodu

docs: change info

zhangyuhan 3 gadi atpakaļ
vecāks
revīzija
441e6b8927
1 mainītis faili ar 19 papildinājumiem un 27 dzēšanām
  1. 19 27
      README.md

+ 19 - 27
README.md

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