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