<template>
    <div class="wrap">
        <div class="button_wrap">
            <div class="button_item" @click="toNext(0)"><i class="iconfont icon-arrowRight"></i></div>
            <div class="button_item" @click="toNext(1)"><i class="iconfont icon-arrowRight"></i></div>
        </div>
        <div class="notice">
            <div>注：</div>
            <div>期货交易虚拟仿真实验已经通过2019年四川省级虚拟仿真实验认定
                <div>此处期货交易虚拟实验为2020新版本</div> 
                <div>2019旧版本入口为：<a href="http://www.jgsyzx.uestc.cn/">http://www.jgsyzx.uestc.cn/</a></div> 
            </div>
            
        </div>
    </div>
</template>
<script>
export default {
    name: 'project',
    data() {
        return {
            
        };
    },
    mounted() {
        
    },
    methods: {
        toFuture(){
            sessionStorage.setItem("model",0);//期货模式
            this.core.toSubSystem('','','',0)
        },
        toNext(val) {
            this.$router.push(`ProjectIntro?isFuture=${val}`)
        },
    }
};
</script>
<style lang="scss" scoped>
.wrap{
    width: 100%;
    height: 100%;
    position: fixed;
    background: url('../../assets/img/indexBg.jpg');
    background-size: 100%;
    .button_wrap{
        width: 920px;
        height: 60px;
        // background: red;
        margin-top: 600px;
        margin-left: 350px;
        display: flex;
        justify-content: space-between;
        .button_item{
            width: 60px;
            height: 60px;
            background: #FF5288;
            .icon-arrowRight{
                font-size: 55px;
                color: white;
            }
        }
        .button_item:hover{
            background: #002E66;
            cursor: pointer
        }
    }
    .notice{
        width: 900px;
        margin-top: 100px;
        margin-left: 100px;
        display: flex;
        // color: #002E66;
        color: #7AA0B7;
        font-size: 24px;
        letter-spacing:4px;
        line-height:1.5
    }
}

</style>