Keine Beschreibung

zhangyuhan 441e6b8927 docs: change info vor 3 Jahren
examples 64b93e9090 feat: create easy iframe vor 3 Jahren
packages 64b93e9090 feat: create easy iframe vor 3 Jahren
public 64b93e9090 feat: create easy iframe vor 3 Jahren
.browserslistrc 64b93e9090 feat: create easy iframe vor 3 Jahren
.editorconfig 64b93e9090 feat: create easy iframe vor 3 Jahren
.eslintignore 64b93e9090 feat: create easy iframe vor 3 Jahren
.eslintrc.js 64b93e9090 feat: create easy iframe vor 3 Jahren
.gitignore 64b93e9090 feat: create easy iframe vor 3 Jahren
README.md 441e6b8927 docs: change info vor 3 Jahren
babel.config.js 64b93e9090 feat: create easy iframe vor 3 Jahren
jsconfig.json 64b93e9090 feat: create easy iframe vor 3 Jahren
package.json 64b93e9090 feat: create easy iframe vor 3 Jahren
vue.config.js 64b93e9090 feat: create easy iframe vor 3 Jahren
yarn.lock 64b93e9090 feat: create easy iframe vor 3 Jahren

README.md

@jianyu/easy-inject-iframe

剑鱼Iframe支撑组件,提供vue组件加载 iframe,umd iframe通信内部扩展

Tip

Install

yarn add @jianyu/easy-inject-iframe

Use Layout

Template Use

# examples/App.vue

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

Global Use

import JianyuIframe from '@jianyu/easy-inject-iframe'

Vue.use(JianyuIframe)

Component Use

import { JyIframePageLayout } from '@jianyu/easy-inject-iframe'

Use Page

<script src='/JianyuIframe.umd.min.js'></script>

<script>
new JianyuIframe.easyInjectIframePage({
    debug: true
})
</script>

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.