FE_kd_client/src/components/page/Index.vue

<template>
    <div class="wrap">
        <div class="button_wrap">
            <a href="http://www.jgsyzx.uestc.cn/UserLogin" target="_blank"><div class="button_item" ><i class="iconfont icon-arrowRight"></i></div></a>
            <div class="button_item" @click="toNext"><i class="iconfont icon-arrowRight"></i></div>
        </div>
        <div class="notice">
            <div>注：</div>
            <div>期货交易虚拟仿真实验已经通过2019年四川省级虚拟仿真实验认定</div>
            
        </div>
    </div>
</template>
<script>
export default {
    name: 'project',
    data() {
        return {
            
        };
    },
    mounted() {
        
    },
    methods: {
        toNext() {
            this.$router.push('ProjectIntro')
        },
    }
};
</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: 600px;
        margin-top: 130px;
        margin-left: 250px;
        display: flex;
        // color: #002E66;
        color: white;
        font-size: 27px;
        letter-spacing:4px;
        line-height:1.5
    }
}

</style>