easy-inject-iframe/examples/App.vue

<template>
  <div id="app">
    <h3>JyIframePageLayout</h3>
    <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>
  </div>
</template>

<script>
// import { JyIframePageLayout } from '../packages'
export default {
  name: 'App',
  // components: {
  //   [JyIframePageLayout.name]: JyIframePageLayout
  // }
}
</script>

<style lang="scss">
html,body {
  padding: 0;
  margin: 0;
}
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
  .iframe-test {
    width: 100vw;
    height: 100vh;
  }
}
</style>