提交 5f44ba90 authored 作者: 王鹏飞's avatar 王鹏飞

chore: 新增exed项目站

上级 44cf596f
<template>
<div class="container">
<!-- 轮播图 -->
<banner />
<!-- 项目特色 -->
<project-features />
<!-- 学校排名 -->
<school-ranking />
<!-- 最新动态 -->
<news />
<!-- 师生风采 -->
<presence />
<!-- 常见问题 -->
<common-problem />
<!-- 公开课 -->
<open-class />
<!-- 右侧功能栏 -->
<!-- <right-aside /> -->
</div>
</template>
<script>
import banner from '../components/home/banner'
import projectFeatures from '../components/home/projectFeatures'
import schoolRanking from '../components/home/schoolRanking'
import news from '../components/home/news'
import presence from '../components/home/presence'
import commonProblem from '../components/home/commonProblem'
import openClass from '../components/home/openClass'
import rightAside from '../components/rightAside'
export default {
layout: 'normal',
components: {
banner,
projectFeatures,
schoolRanking,
news,
presence,
commonProblem,
openClass,
rightAside
},
data() {
return {
isScale: false
}
},
created() {},
mounted() {
if (document.documentElement.clientWidth < 1400) {
// this.isScale = true
}
}
}
</script>
<style>
.container {
width: 100%;
padding-bottom: 50px;
}
</style>
<template>
<div class="home" :class="isMobile ? 'is-h5' : 'is-pc'">
<div class="buttons">
<a href="/home">Apply for SHMS MBA </a>
<a href="https://certs.ezijing.com">Degree Inquiry</a>
</div>
<div class="container">
<!-- 轮播图 -->
<banner />
<!-- 项目特色 -->
<project-features />
<!-- 学校排名 -->
<school-ranking />
<!-- 最新动态 -->
<news />
<!-- 师生风采 -->
<presence />
<!-- 常见问题 -->
<common-problem />
<!-- 公开课 -->
<open-class />
<!-- 右侧功能栏 -->
<!-- <right-aside /> -->
</div>
</template>
<script>
import banner from '../components/home/banner'
import projectFeatures from '../components/home/projectFeatures'
import schoolRanking from '../components/home/schoolRanking'
import news from '../components/home/news'
import presence from '../components/home/presence'
import commonProblem from '../components/home/commonProblem'
import openClass from '../components/home/openClass'
import rightAside from '../components/rightAside'
export default {
computed: {
isMobile() {
return this.$store.state.isMobile
layout: 'normal',
components: {
banner,
projectFeatures,
schoolRanking,
news,
presence,
commonProblem,
openClass,
rightAside
},
data() {
return {
isScale: false
}
}
}
</script>
<style lang="scss">
.home {
position: relative;
height: 100vh;
min-height: 900px;
background: url('~assets/images/home.png') no-repeat center top;
background-size: auto 100%;
.buttons {
position: absolute;
left: 50%;
bottom: 294px;
transform: translateX(-50%);
display: flex;
flex-direction: column;
row-gap: 44px;
}
a {
width: 452px;
height: 60px;
font-family: Source Han Sans CN;
font-size: 24px;
text-align: center;
line-height: 60px;
color: #ffffff;
border-radius: 66px;
box-sizing: border-box;
border: 2px solid #d5b329;
background: url('~assets/images/button_arrow.png') no-repeat center right 20px;
&.is-active,
&:hover {
color: #000;
background: #d5b329 url('~assets/images/button_arrow_hover.png') no-repeat center right 20px;
},
created() {},
mounted() {
if (document.documentElement.clientWidth < 1400) {
// this.isScale = true
}
}
}
.is-h5 {
&.home {
a {
width: 320px;
}
}
</script>
<style>
.container {
width: 100%;
padding-bottom: 50px;
}
</style>
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论