You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
74 lines
1.7 KiB
74 lines
1.7 KiB
<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> |