<template>
    <div class="iframe-box-style" style="width: 100%;height: 100%">
        <!--<div class="back-style" title="回到首页" @click="toMainPage"><a-icon type="home" theme="filled" /></div>-->
        <!--src="https://cloud.edusoa.com/DataCenter/ResourceCenter.html"-->
        <iframe class="iframe-style"
                src="https://www.edusoa.com/dsideal_yy/DataCenter_yp/ResourceCenter.html"
                width="100%" height="100%"
                frameborder="0"
                scrolling="auto"
                sandbox="allow-scripts allow-top-navigation allow-same-origin"
        ></iframe>
        <div class="content-right-style" style="pointer-events: none">
            <MenuRight/>
        </div>
    </div>
</template>
<script>
    import {Icon} from 'ant-design-vue';
    import MenuRight from '../homePages/threeDimensionalSchoolModel/menuRight.vue';
    //src="https://cloud.edusoa.com/DataCenter/TeachCenter.html"
    //src="https://www.edusoa.com/dsideal_yy/pro_integration/reactProject/test/test.html"
    export default{
        data(){
            return {}
        },
        methods:{},
        components:{
            AIcon:Icon,
            MenuRight
        }
    }
</script>

<style scoped lang="scss">
    @import "../../assets/scss/style";
    .iframe-box-style{
        position: relative;
        .back-style{
            width: 30px;
            height: 30px;
            border-radius: 30px;
            background-color: $color-default-bright;
            margin-left: 10px;
            display: flex;
            justify-content: center;
            align-items: center;
            color: #0a1f3f;
            cursor: pointer;
            position: absolute;
            top: 10px;
            left: 1805px;
            z-index: 1000;
        }
        .iframe-style{
            position: absolute;
            top: 0;
            left: 0;
        }
        .content-right-style{
            width: auto;
            height: 800px;
            display: flex;
            justify-content: center;
            align-items: center;
            position: absolute;
            right: 0;
        }
    }
</style>