| <template> | 
|     <div class="box"> | 
|         <iframe :src="address" frameborder="0"></iframe> | 
|     </div> | 
| </template> | 
|   | 
| <script setup lang="ts"> | 
|     import { onMounted, getCurrentInstance, onUnmounted } from 'vue' | 
|   | 
|     const { proxy }: any = getCurrentInstance() | 
|   | 
|     const address: string = process.env.VUE_APP_ADDRESS | 
|   | 
|     onMounted(() => { | 
|         if (proxy.$dd.env.platform !== 'notInDingTalk') { | 
|             proxy.$dd.biz.navigation.hideBar({ | 
|                 hidden: true | 
|             }) | 
|         } | 
|     }) | 
|   | 
|     onUnmounted(() => { | 
|         if (proxy.$dd.env.platform !== 'notInDingTalk') { | 
|             proxy.$dd.biz.navigation.hideBar({ | 
|                 hidden: false | 
|             }) | 
|         } | 
|     }) | 
| </script> | 
|   | 
| <style lang="scss" scoped> | 
| .box { | 
|     width: 100%; | 
|     height: 100%; | 
|     position: absolute; | 
|     iframe { | 
|         width: 100%; | 
|         height: 100%; | 
|     } | 
| } | 
| </style> |