Skip to content

P
project-online-pc
提交 40aed6b3 authored 作者: matian's avatar matian
浏览文件
操作

updates

上级 984521f3
隐藏空白字符变更
内嵌 并排
正在显示 包含 592 行增加 和 1305 行删除
components/Link.vue
浏览文件 @ 40aed6b3
...@@ -16,7 +16,7 @@ export default { ...@@ -16,7 +16,7 @@ export default {
props: { props: {
data: { type: Object, default: () => ({}) }, data: { type: Object, default: () => ({}) },
to: [String, Object, Function], to: [String, Object, Function],
target: { type: String, default: '_blnak' } target: { type: String, default: '_blank' }
}, },
computed: { computed: {
href() { href() {
......
components/home/banners.vue
浏览文件 @ 40aed6b3
<template> <template>
<div :class="isMobile ? 'is-h5' : 'is-pc'"> <div :class="isMobile ? 'is-h5' : 'is-pc'">
<div class="banner-content"> <div class="banner-content">
<img class="img" src="https://webapp-pub.ezijing.com/project/sbu-plus/pc-index-banner.png?v=4" /> <img class="img" src="https://webapp-pub.ezijing.com/project/sbu-plus/pc-index-banner.png" />
<div class="banner_navList"> <div class="banner_navList">
<div class="banner_nav" v-for="(item, index) in navList" :key="index" @click="navClick(item)"> <div class="banner_nav" v-for="(item, index) in navList" :key="index" @click="navClick(item)">
<div class="nav_top"> <div class="nav_top">
......
components/home/projectFeatures.vue
浏览文件 @ 40aed6b3
...@@ -28,33 +28,33 @@ export default { ...@@ -28,33 +28,33 @@ export default {
return { return {
listData: [ listData: [
{ {
web_img_uri: 'https://webapp-pub.ezijing.com/project/sbu-plus/pc-index-project-intro-01.png?v=4', web_img_uri: 'https://webapp-pub.ezijing.com/project/sbu-plus/pc-index-project-intro-01.png',
item_desc_tit: '公立常春藤大学', item_desc_tit: '公立常春藤大学',
item_desc_con: '全球大学排名前1%<br/>2021QS全美排名39<br/>US.NEWS.全美88' item_desc_con: '全球大学排名前1%<br/>2021QS全美排名39<br/>US.NEWS.全美88'
}, },
{ {
web_img_uri: 'https://webapp-pub.ezijing.com/project/sbu-plus/pc-index-project-intro-02.png?v=4', web_img_uri: 'https://webapp-pub.ezijing.com/project/sbu-plus/pc-index-project-intro-02.png',
item_desc_tit: '师资雄厚', item_desc_tit: '师资雄厚',
item_desc_con: '7位诺贝尔奖得主<br/>37位科学院院士<br/>1位图灵奖得主' item_desc_con: '7位诺贝尔奖得主<br/>37位科学院院士<br/>1位图灵奖得主'
}, },
{ {
web_img_uri: 'https://webapp-pub.ezijing.com/project/sbu-plus/pc-index-project-intro-03.png?v=4', web_img_uri: 'https://webapp-pub.ezijing.com/project/sbu-plus/pc-index-project-intro-03.png',
item_desc_tit: '精英辈出', item_desc_tit: '精英辈出',
item_desc_con: '斯坦福大学校长<br/>纽约时报CEO <br/>瑞士银行CTO等' item_desc_con: '斯坦福大学校长<br/>纽约时报CEO <br/>瑞士银行CTO等'
}, },
{ {
web_img_uri: 'https://webapp-pub.ezijing.com/project/sbu-plus/pc-index-project-intro-04.png?v=4', web_img_uri: 'https://webapp-pub.ezijing.com/project/sbu-plus/pc-index-project-intro-04.png',
item_desc_tit: '校方直录', item_desc_tit: '校方直录',
item_desc_con: '点对点直录<br/>硕士学分<br/>国内提前修' item_desc_con: '点对点直录<br/>硕士学分<br/>国内提前修'
}, },
{ {
web_img_uri: 'https://webapp-pub.ezijing.com/project/sbu-plus/pc-index-project-intro-05.png?v=4', web_img_uri: 'https://webapp-pub.ezijing.com/project/sbu-plus/pc-index-project-intro-05.png',
item_desc_tit: '免标准化考试', item_desc_tit: '免标准化考试',
item_desc_con: '美国校方考试<br/>替代托福/GMAT' item_desc_con: '美国校方考试<br/>替代托福/GMAT'
}, },
{ {
web_img_uri: 'https://webapp-pub.ezijing.com/project/sbu-plus/pc-index-project-intro-06.png?v=4', web_img_uri: 'https://webapp-pub.ezijing.com/project/sbu-plus/pc-index-project-intro-06.png',
item_desc_tit: '位置优越', item_desc_tit: '位置优越',
item_desc_con: '位于纽约长岛，紧邻华尔街' item_desc_con: '位于纽约长岛，紧邻华尔街'
} }
......
components/home/projectPosition.vue
浏览文件 @ 40aed6b3
...@@ -36,6 +36,8 @@ ...@@ -36,6 +36,8 @@
<p> <p>
通过学习包含《投资学》在内的四门硕士先修课程，可为跨专业申请金融硕士的同学提供适应金融专业学习的基础，也帮助本科金融专业的同学更好地衔接本、硕学习。学习《金融概率与统计》与《金融学》两门石溪大学金融硕士学分课程。在本科期间提前修读硕士学分，减轻金融硕士的学业负担。 通过学习包含《投资学》在内的四门硕士先修课程，可为跨专业申请金融硕士的同学提供适应金融专业学习的基础，也帮助本科金融专业的同学更好地衔接本、硕学习。学习《金融概率与统计》与《金融学》两门石溪大学金融硕士学分课程。在本科期间提前修读硕士学分，减轻金融硕士的学业负担。
</p> </p>
</div>
<div class="remark">
<p> <p>
石溪大学商学院官方唯一授权清控紫荆教育负责CEF项目在中国的招生与教学，详见<a 石溪大学商学院官方唯一授权清控紫荆教育负责CEF项目在中国的招生与教学，详见<a
href="https://www.stonybrook.edu/commcms/cef/CEF-Workshop/Collaboration" href="https://www.stonybrook.edu/commcms/cef/CEF-Workshop/Collaboration"
...@@ -77,6 +79,14 @@ export default { ...@@ -77,6 +79,14 @@ export default {
line-height: 36px; line-height: 36px;
} }
} }
.remark {
text-align: left;
font-size: 20px;
line-height: 30px;
color: #666666;
padding: 28px 30px 0 30px;
font-weight: 400;
}
} }
.is-h5 { .is-h5 {
.max-width-center { .max-width-center {
...@@ -90,5 +100,12 @@ export default { ...@@ -90,5 +100,12 @@ export default {
line-height: 0.2rem; line-height: 0.2rem;
color: #666666; color: #666666;
} }
.remark {
text-align: left;
font-size: 0.12rem;
font-weight: 400;
line-height: 0.2rem;
color: #666666;
}
} }
</style> </style>
components/home/videoList.vue 0 → 100644
浏览文件 @ 40aed6b3
<template>
<section class="section">
<div class="swiper-content1" @mouseenter="swiperStop" @mouseleave="swiperStart">
<div v-swiper:mySwiper1="swiperOption" ref="mySwiper">
<div class="swiper-wrapper">
<div class="swiper-slide" v-for="(item, index) in videoData" :key="index">
<video :src="item.web_img_uri" />
</div>
</div>
</div>
</div>
</section>
</template>
<script>
export default {
layout: 'normal',
data() {
const _this = this
return {
popupVisible: false,
videoData: [
{
web_img_uri:
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/sbu-plus/1.%20%E7%9F%B3%E6%BA%AA%E5%A4%A7%E5%AD%A6%E8%AE%A9%E5%AD%A6%E7%94%9F%E6%8B%A5%E6%9C%89%E6%9B%B4%E5%A5%BD%E6%9C%AA%E6%9D%A5.mp4'
},
{
web_img_uri:
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/sbu-plus/%E6%A0%A1%E5%9B%AD%E6%8E%A2%E6%AD%A5.mp4'
},
{
web_img_uri:
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/sbu-plus/%E7%A7%91%E7%A0%94%E4%BC%98%E5%8A%BF.mp4'
},
{
web_img_uri:
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/sbu-plus/%E7%9F%B3%E6%BA%AA%E6%95%99%E6%8E%88.mp4'
},
{
web_img_uri:
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/sbu-plus/%E5%90%91%E5%BE%80%E7%9A%84%E7%94%9F%E6%B4%BB.mp4'
}
],
swiperOption: {
observer: true,
observeParents: true,
speed: 400,
autoplay: true,
delay: 3000,
loop: true,
slidesPerView: 'auto',
centeredSlides: true,
spaceBetween: 20,
on: {
init() {
_this.swiper.slideNext()
}
}
}
}
},
computed: {
swiper() {
return this.$refs.mySwiper.swiper
},
isMobile() {
return this.$store.state.isMobile
}
},
methods: {
swiperStop() {
this.swiper.autoplay.stop()
},
swiperStart() {
this.swiper.autoplay.start()
}
}
}
</script>
<style lang="scss" scoped>
.section {
max-width: 1212px;
margin: 83px auto;
.swiper-content1 {
width: 1200px;
.swiper-slide {
width: 360px;
height: 574px;
video {
width: 100%;
height: 100%;
line-height: 100%;
}
}
}
}
</style>
components/layout/pc/Menu.vue
浏览文件 @ 40aed6b3
...@@ -47,9 +47,13 @@ export default { ...@@ -47,9 +47,13 @@ export default {
const _this = this const _this = this
return { return {
navData: [ navData: [
{
name: '学校介绍',
path: '/school/school'
},
// 项目介绍 // 项目介绍
{ {
name: this.$t('menu.project'), name: '项目介绍',
path: '/about/school', path: '/about/school',
children: [ children: [
{ name: this.$t('menu.schoolChild.school3'), path: '/about/school' }, { name: this.$t('menu.schoolChild.school3'), path: '/about/school' },
...@@ -85,7 +89,7 @@ export default { ...@@ -85,7 +89,7 @@ export default {
}, },
// 报名流程 // 报名流程
{ {
name: this.$t('menu.enroll'), name: '录取流程',
path: '/enroll/process', path: '/enroll/process',
children: [ children: [
{ name: this.$t('menu.enrollChild.process'), path: '/enroll/process' }, { name: this.$t('menu.enrollChild.process'), path: '/enroll/process' },
...@@ -93,25 +97,34 @@ export default { ...@@ -93,25 +97,34 @@ export default {
{ name: this.$t('menu.enrollChild.apply'), path: '/enroll/apply' } { name: this.$t('menu.enrollChild.apply'), path: '/enroll/apply' }
] ]
}, },
{
name: '就业福利',
path: '/returnPolicy/returnPolicy',
children: [
{
name: '高薪就业',
path: '/news/hot/74805116510687232'
},
{
name: '就业指导',
path: '/returnPolicy/guidance'
},
{
name: this.$t('menu.returnPolicy'),
path: '/returnPolicy/returnPolicy'
}
]
},
// 资料下载 // 资料下载
{ {
name: this.$t('menu.dataDownload'), name: this.$t('menu.dataDownload'),
path: '/dataDownload/dataDownload' path: '/dataDownload/dataDownload'
}, },
// 归国政策
{
name: this.$t('menu.returnPolicy'),
path: '/returnPolicy/returnPolicy'
},
// 常见问题
// {
// name: this.$t('menu.question'),
// path: '/question/question'
// },
// 报名申请 // 报名申请
{ {
name: this.$t('menu.apply'), name: '马上报名',
path: '/my' path: '/my/account'
} }
], ],
time: null time: null
......
pages/dataDownload/dataDownload.vue
浏览文件 @ 40aed6b3
...@@ -3,8 +3,18 @@ ...@@ -3,8 +3,18 @@
<div class="dataList"> <div class="dataList">
<a target="_blank" :href="item.url" v-for="(item, index) in fileList" :key="index"> <a target="_blank" :href="item.url" v-for="(item, index) in fileList" :key="index">
<div class="item" @click="download($event, item)"> <div class="item" @click="download($event, item)">
<img class="item_top" src="https://webapp-pub.ezijing.com/project/sit-plus/download_bg1.png" alt="" /> <div class="item_left">
<div class="doc">{{ item.name }}</div> <img
class="item_left_img"
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/sbu-plus/icon_download.png"
alt=""
/>
<div class="item_left_line"></div>
<div class="item_left_doc">{{ item.name }}</div>
</div>
<div class="item_right">
<div class="btn" @click="download($event, item)">立即下载</div>
</div>
</div> </div>
</a> </a>
</div> </div>
...@@ -31,26 +41,8 @@ export default { ...@@ -31,26 +41,8 @@ export default {
{ {
name: '招生简章', name: '招生简章',
url: url:
'https://webapp-pub.ezijing.com/project/sbu-plus/%E7%B4%AB%E8%8D%86%E6%95%99%E8%82%B2-%E7%BA%BD%E7%BA%A6%E5%B7%9E%E7%AB%8B%E5%A4%A7%E5%AD%A6%E7%9F%B3%E6%BA%AA%E5%88%86%E6%A0%A1%E9%87%91%E8%9E%8D%E7%A1%95%E5%A3%AB%E4%BF%9D%E7%A0%94%E9%A1%B9%E7%9B%AE%E6%8B%9B%E7%94%9F%E7%AE%80%E7%AB%A0.pdf', 'https://webapp-pub.ezijing.com/project/sbu-plus/%E7%B4%AB%E8%8D%86%E6%95%99%E8%82%B2-%E7%BA%BD%E7%BA%A6%E5%B7%9E%E7%AB%8B%E5%A4%A7%E5%AD%A6%E7%9F%B3%E6%BA%AA%E5%88%86%E6%A0%A1%E9%87%91%E8%9E%8D%E7%A1%95%E5%A3%AB%E4%BF%9D%E7%A0%94%E9%A1%B9%E7%9B%AE%E6%8B%9B%E7%94%9F%E7%AE%80%E7%AB%A0.pdf'
icon: 'https://webapp-pub.ezijing.com/project/marywood/pdf.png'
} }
// {
// name: '常见问题',
// url: 'https://webapp-pub.ezijing.com/project/sbu-plus/SBU%E9%87%91%E8%9E%8D%E5%AD%A6%E7%A1%95%E5%A3%AB%20Q%26A.pdf',
// icon: 'https://webapp-pub.ezijing.com/project/marywood/pdf.png'
// }
// {
// name: '申请材料清单.docx',
// url:
// 'https://webapp-pub.ezijing.com/project/marywood/%E7%94%B3%E8%AF%B7%E6%9D%90%E6%96%99%E6%B8%85%E5%8D%95.docx',
// icon: 'https://webapp-pub.ezijing.com/project/marywood/doc.png'
// },
// {
// name: '英文简历模板.doc',
// url:
// 'https://webapp-pub.ezijing.com/project/marywood/%E8%8B%B1%E6%96%87%E7%AE%80%E5%8E%86%E6%A8%A1%E6%9D%BF.doc',
// icon: 'https://webapp-pub.ezijing.com/project/marywood/doc.png'
// }
] ]
} }
}, },
...@@ -81,29 +73,50 @@ export default { ...@@ -81,29 +73,50 @@ export default {
padding: 96px 0 108px 0; padding: 96px 0 108px 0;
.item { .item {
width: 336px; width: 790px;
height: 488px; height: 110px;
opacity: 1; opacity: 1;
display: flex; display: flex;
justify-content: flex-start; justify-content: space-between;
align-items: center; align-items: center;
flex-direction: column;
cursor: pointer; cursor: pointer;
background: #f6f6f6; border-top: 1px solid #dedede;
box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.38); border-bottom: 1px solid #dedede;
padding: 0 46px 0 21px;
.item_left {
display: flex;
justify-content: space-between;
align-items: center;
.item_top { .item_left_img {
width: 100%; width: 47.36px;
height: 348px; height: 47.36px;
}
.item_left_line {
width: 0px;
height: 59px;
border: 1px solid #dedede;
opacity: 1;
margin-left: 52px;
}
.item_left_doc {
font-size: 18px;
font-weight: 400;
margin-left: 48px;
color: #666666;
}
} }
.doc { .item_right {
width: 100%; .btn {
height: 140px; width: 78px;
font-size: 22px; height: 27px;
font-weight: 400; background: #aa1941;
line-height: 141px; border-radius: 4px;
text-align: center; line-height: 27px;
color: #333333; text-align: center;
font-size: 14px;
color: #ffffff;
}
} }
} }
} }
......
pages/index.vue
浏览文件 @ 40aed6b3
...@@ -4,6 +4,7 @@ ...@@ -4,6 +4,7 @@
<banners /> <banners />
<!-- 项目定位 --> <!-- 项目定位 -->
<project-position /> <project-position />
<video-list />
<!-- 项目优势 --> <!-- 项目优势 -->
<project-features /> <project-features />
<!-- 校园风光 --> <!-- 校园风光 -->
...@@ -20,7 +21,8 @@ ...@@ -20,7 +21,8 @@
<script> <script>
import banners from '../components/home/banners.vue' import banners from '../components/home/banners.vue'
import projectPosition from '../components/home/projectPosition.vue' import projectPosition from '../components/home/projectPosition.vue'
import projectFeatures from '../components/home/projectFeatures' import projectFeatures from '../components/home/projectFeatures.vue'
import videoList from '../components/home/videoList.vue'
// import schoolSenery from '../components/home/schoolSenery.vue' // import schoolSenery from '../components/home/schoolSenery.vue'
import news from '../components/home/news' import news from '../components/home/news'
import presence from '../components/home/presence' import presence from '../components/home/presence'
...@@ -35,6 +37,7 @@ export default { ...@@ -35,6 +37,7 @@ export default {
components: { components: {
banners, banners,
projectPosition, projectPosition,
videoList,
projectFeatures, projectFeatures,
// schoolSenery, // schoolSenery,
news, news,
......
pages/returnPolicy/guidance.vue 0 → 100644
浏览文件 @ 40aed6b3
This source diff could not be displayed because it is too large. You can view the blob instead.
pages/returnPolicy/returnPolicy.vue
浏览文件 @ 40aed6b3
...@@ -72,6 +72,10 @@ export default { ...@@ -72,6 +72,10 @@ export default {
return { return {
frameParams: { frameParams: {
slider: [ slider: [
{
name: '就业指导',
path: '/returnPolicy/guidance'
},
{ {
name: this.$t('menu.returnPolicy'), name: this.$t('menu.returnPolicy'),
path: '/returnPolicy/returnPolicy' path: '/returnPolicy/returnPolicy'
......
pages/school/school.vue 0 → 100644
浏览文件 @ 40aed6b3
<template>
<div :class="isMobile ? 'is-h5' : 'is-pc'">
<div class="banner">
<img
class="img_banner"
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/sbu-plus/school-intro-banner.png"
/>
<div class="banner_con">
<div class="con_tit">纽约州立大学石溪分校简介</div>
<p class="con_desc">
纽约州立大学石溪分校，又名石溪大学。坐落于纽约市风景区长岛，紧邻世界500强聚集地华尔街。全球大学排名前1%、2023
U.S. News全美排名77、2021 QS全美排名39、培养出7位诺贝尔奖得主及37位科学院院士，享有“ 公立常春藤
”的美誉。石溪大学是美国著名的公立研究型大学，纽约州排名最高的公立大学。著名核物理学家、诺贝尔物理奖获得者杨振宁在该校执教37年。诺贝尔经济学奖得主罗伯特·奥曼在该校任教并创建博弈论中心。斯坦福大学校长、纽约时报CEO、瑞士银行CTO等大量优秀校友毕业于石溪大学。石溪大学也是世界第一张核磁共振图像的诞生地。
</p>
</div>
</div>
<section class="section">
<div class="swiper-content1" @mouseenter="swiperStop1" @mouseleave="swiperStart1">
<div v-swiper:mySwiper1="swiperOption1" ref="mySwiper1">
<div class="swiper-wrapper">
<div class="swiper-slide" v-for="(item, index) in videoData" :key="index">
<video :src="item.web_img_uri" />
</div>
</div>
</div>
</div>
</section>
<section class="section">
<h2 class="section_title">师资介绍</h2>
<div class="section_teacher">
<div class="teacher_item" v-for="(item, index) in teacherList" :key="index">
<img :src="item.img" class="item_img" />
<div class="item_bottom">
<div class="img_tit">{{ item.tit }}</div>
<div class="item_desc">
<ul>
<li v-for="(it, index) in item.desc" :key="index">
{{ it }}
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<section class="section">
<h2 class="section_title">校友介绍</h2>
<div class="section_teacher">
<div class="teacher_item1" v-for="(item, index) in alumnusList" :key="index">
<img :src="item.img" class="item_img" />
<div class="item_bottom">
<div class="img_tit">{{ item.tit }}</div>
<div class="item_desc">
<ul>
<li v-for="(it, index) in item.desc" :key="index">
{{ it }}
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<div class="content_tit">
<div class="line"></div>
<div class="tit_desc">校园风光</div>
</div>
<div class="swiper-content" @mouseenter="swiperStop" @mouseleave="swiperStart">
<div v-swiper:mySwiper="swiperOption" ref="mySwiper">
<div class="swiper-wrapper">
<div class="swiper-slide" v-for="(item, index) in listData" :key="index">
<img :src="item.web_img_uri" />
</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
layout: 'normal',
data() {
const _this = this
return {
popupVisible: false,
videoData: [
{
web_img_uri:
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/sbu-plus/1.%20%E7%9F%B3%E6%BA%AA%E5%A4%A7%E5%AD%A6%E8%AE%A9%E5%AD%A6%E7%94%9F%E6%8B%A5%E6%9C%89%E6%9B%B4%E5%A5%BD%E6%9C%AA%E6%9D%A5.mp4'
},
{
web_img_uri:
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/sbu-plus/%E6%A0%A1%E5%9B%AD%E6%8E%A2%E6%AD%A5.mp4'
},
{
web_img_uri:
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/sbu-plus/%E7%A7%91%E7%A0%94%E4%BC%98%E5%8A%BF.mp4'
},
{
web_img_uri:
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/sbu-plus/%E7%9F%B3%E6%BA%AA%E6%95%99%E6%8E%88.mp4'
},
{
web_img_uri:
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/sbu-plus/%E5%90%91%E5%BE%80%E7%9A%84%E7%94%9F%E6%B4%BB.mp4'
}
],
listData: [
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/school_lg1.png' },
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/school_lg2.png' },
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/school_lg3.png' },
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/school_lg4.png' },
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/school_lg5.png' }
],
swiperOption: {
observer: true,
observeParents: true,
speed: 400,
autoplay: true,
delay: 3000,
loop: true,
slidesPerView: 'auto',
centeredSlides: true,
spaceBetween: 20,
on: {
init() {
_this.swiper.slideNext()
}
}
},
swiperOption1: {
observer: true,
observeParents: true,
speed: 400,
autoplay: true,
delay: 3000,
loop: true,
slidesPerView: 'auto',
centeredSlides: true,
spaceBetween: 30,
on: {
init() {
_this.swiper1.slideNext()
}
}
},
teacherList: [
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/sbu-plus/school-intro-teacher1.png',
tit: 'Gokhan Torna 副教授',
desc: ['堪萨斯大学博士', '纽约州立大学石溪分校商学院', '金融学系副教授']
},
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/sbu-plus/school-intro-teacher2.png',
tit: 'Sandro Brusco 教授',
desc: ['斯坦福大学博士', '纽约州立大学石溪分校商学院', '金融学系教授']
},
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/sbu-plus/school-intro-teacher3.png',
tit: 'Michael Bernstein 教授',
desc: ['耶鲁大学博士', '纽约州立大学石溪分校商学院', '金融学系教授']
}
],
alumnusList: [
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/sbu-plus/school-intro-academic1.png',
tit: '罗伯特·奥曼',
desc: ['诺贝尔经济奖得主']
},
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/sbu-plus/school-intro-academic2.png',
tit: 'Sandro 约翰·汉尼斯',
desc: ['斯坦福大学校长']
},
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/sbu-plus/school-intro-academic3.png',
tit: '詹姆斯·西蒙斯',
desc: ['世界上最赚钱的数学家']
}
]
}
},
computed: {
swiper() {
return this.$refs.mySwiper.swiper
},
swiper1() {
return this.$refs.mySwiper1.swiper
},
isMobile() {
return this.$store.state.isMobile
}
},
methods: {
swiperStop() {
this.swiper.autoplay.stop()
},
swiperStart() {
this.swiper.autoplay.start()
},
swiperStop1() {
this.swiper1.autoplay.stop()
},
swiperStart1() {
this.swiper1.autoplay.start()
}
}
}
</script>
<style lang="scss" scoped>
.banner {
position: relative;
.img_banner {
width: 100%;
height: 100%;
}
.banner_con {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
.con_tit {
font-size: 50px;
font-weight: 500;
color: #ffffff;
text-align: center;
}
.con_desc {
text-align: justify;
font-size: 18px;
font-weight: 400;
line-height: 32px;
color: #ffffff;
margin-top: 30px;
}
}
}
.section {
max-width: 1212px;
margin: 83px auto;
.swiper-content1 {
width: 1200px;
.swiper-slide {
width: 360px;
height: 574px;
video {
width: 100%;
height: 100%;
line-height: 100%;
}
}
}
.section_title {
position: relative;
margin-top: 20px;
margin-bottom: 20px;
padding-left: 20px;
height: 32px;
font-size: 32px;
line-height: 1;
font-weight: 700;
border-left: 7px solid #aa1941;
}
.section_teacher {
width: 1200px;
display: flex;
justify-content: space-between;
margin-top: 36px;
.teacher_item {
width: 300px;
display: flex;
flex-direction: column;
.item_img {
width: 300px;
height: 360px;
}
.item_bottom {
padding: 24px 37px 0 39px;
.img_tit {
font-size: 18px;
font-weight: 500;
color: #424242;
}
.item_desc {
margin-top: 20px;
li {
list-style-type: disc;
margin-left: 20px;
white-space: nowrap;
font-size: 16px;
font-weight: 400;
color: #666666;
line-height: 1.5;
}
}
}
}
.teacher_item1 {
width: 370px;
display: flex;
flex-direction: column;
align-items: center;
.item_img {
width: 370px;
height: 360px;
}
.item_bottom {
width: 370px;
height: 88px;
background: #ffffff;
text-align: center;
padding: 20px 0;
.img_tit {
font-size: 18px;
font-weight: 500;
color: #333333;
}
.item_desc {
li {
white-space: nowrap;
font-size: 16px;
font-weight: 400;
color: #666666;
line-height: 1.5;
}
}
}
}
}
}
.content_tit {
width: 1200px;
margin: auto;
text-align: center;
display: flex;
justify-content: flex-start;
margin-top: 64px;
.line {
width: 6px;
height: 34px;
background: #aa1941;
margin-right: 9px;
margin-top: 6px;
}
.tit_desc {
color: #333333;
font-size: 34px;
font-weight: bold;
}
}
.swiper-content {
padding-top: 37px;
padding-bottom: 132px;
.swiper-slide {
position: relative;
width: 388px;
height: 244px;
margin-top: 10px;
img {
width: 100%;
height: 100%;
line-height: 100%;
}
}
.swiper-slide-active {
width: 423px;
height: 266px;
margin-top: 0;
}
}
</style>
pages/school/school1.vue deleted 100644 → 0
浏览文件 @ 984521f3
<template>
<div>
<div class="banner">
<img class="img_banner" src="https://webapp-pub.ezijing.com/project/marywood/school1111.png" />
<div class="btn">
<el-button class="btn1" @click="$router.push('/my/account')">报名申请</el-button>
</div>
</div>
<div class="content">
<img class="img1" src="https://webapp-pub.ezijing.com/project/marywood/school121.png" />
</div>
<div class="content">
<div class="img-box">
<img class="img2" src="https://webapp-pub.ezijing.com/project/marywood/school131.png" />
</div>
<img class="img22" src="https://webapp-pub.ezijing.com/project/marywood/school132.png" />
</div>
<img class="img4" src="https://webapp-pub.ezijing.com/project/marywood/school2411.png" />
<div class="content">
<img src="https://webapp-pub.ezijing.com/project/marywood/school251.png" />
</div>
<div class="content_tit">
<div class="line"></div>
<div class="tit_desc">学制安排</div>
</div>
<img class="img4" src="https://webapp-pub.ezijing.com/project/marywood/school1611.png" />
<div class="content">
<img src="https://webapp-pub.ezijing.com/project/marywood/school17.png" />
</div>
<div class="content_tit">
<div class="line"></div>
<div class="tit_desc">校园风光</div>
</div>
<div class="swiper-content" @mouseenter="swiperStop" @mouseleave="swiperStart">
<div v-swiper:mySwiper="swiperOption" ref="mySwiper">
<div class="swiper-wrapper">
<div class="swiper-slide" v-for="(item, index) in listData" :key="index">
<img :src="item.web_img_uri" />
</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
layout: 'normal',
data() {
const _this = this
return {
popupVisible: false,
listData: [
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/school_lg1.png' },
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/school_lg2.png' },
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/school_lg3.png' },
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/school_lg4.png' },
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/school_lg5.png' }
],
swiperOption: {
observer: true,
observeParents: true,
speed: 400,
autoplay: true,
delay: 3000,
loop: true,
slidesPerView: 'auto',
centeredSlides: true,
spaceBetween: 20,
on: {
init() {
_this.swiper.slideNext()
}
}
}
}
},
computed: {
swiper() {
return this.$refs.mySwiper.swiper
},
isMobile() {
return this.$store.state.isMobile
}
},
methods: {
swiperStop() {
this.swiper.autoplay.stop()
},
swiperStart() {
this.swiper.autoplay.start()
}
}
}
</script>
<style lang="scss" scoped>
.banner {
position: relative;
.img_banner {
width: 100%;
height: 100%;
}
.btn {
display: flex;
justify-content: center;
position: absolute;
bottom: 109px;
left: 50%;
transform: translateX(-50%);
}
.btn1 {
width: 104px;
height: 32px;
border: 1px solid #ffffff;
font-size: 14px;
font-weight: 400;
line-height: 8px;
background: none;
color: #fff;
}
.btn1:hover {
background-color: #aa1941;
opacity: 1;
}
}
.content {
width: 1200px;
margin: auto;
text-align: center;
margin-top: 70px;
display: flex;
img {
width: 100%;
height: 100%;
}
.img-box {
position: relative;
flex: 1;
.img2 {
width: 956px;
position: absolute;
top: 0;
right: 60px;
}
}
.img22 {
width: 540px;
margin-top: 65px;
}
}
.img4 {
width: 100%;
height: 100%;
margin-top: 68px;
}
.content_tit {
width: 1200px;
margin: auto;
text-align: center;
display: flex;
justify-content: flex-start;
margin-top: 64px;
.line {
width: 6px;
height: 34px;
background: #aa1941;
margin-right: 9px;
margin-top: 6px;
}
.tit_desc {
color: #333333;
font-size: 34px;
font-weight: bold;
}
}
.swiper-content {
padding-top: 37px;
padding-bottom: 132px;
.swiper-slide {
position: relative;
width: 388px;
height: 244px;
margin-top: 10px;
img {
width: 100%;
height: 100%;
line-height: 100%;
}
}
.swiper-slide-active {
width: 423px;
height: 266px;
margin-top: 0;
}
}
</style>
pages/school/school2.vue deleted 100644 → 0
浏览文件 @ 984521f3
<template>
<div>
<div class="banner">
<img class="img_banner" src="https://webapp-pub.ezijing.com/project/marywood/school2111.png" />
<div class="btn">
<el-button class="btn1" @click="$router.push('/my/account')">报名申请</el-button>
</div>
</div>
<div class="content">
<img class="img1" src="https://webapp-pub.ezijing.com/project/marywood/school22.png" />
</div>
<div class="content">
<div class="img-box">
<img class="img2" src="https://webapp-pub.ezijing.com/project/marywood/school231.png" />
</div>
<img class="img22" src="https://webapp-pub.ezijing.com/project/marywood/school232.png" />
</div>
<img class="img4" src="https://webapp-pub.ezijing.com/project/marywood/school2412.png" />
<div class="content">
<img src="https://webapp-pub.ezijing.com/project/marywood/school25.png" />
</div>
<div class="content_tit">
<div class="line"></div>
<h1 class="tit_desc">学制安排</h1>
</div>
<img class="img4" src="https://webapp-pub.ezijing.com/project/marywood/school2611.png" />
<div class="content">
<img src="https://webapp-pub.ezijing.com/project/marywood/school27.png" />
</div>
<div class="content_tit">
<div class="line"></div>
<h1 class="tit_desc">校园风光</h1>
</div>
<div class="swiper-content" @mouseenter="swiperStop" @mouseleave="swiperStart">
<div v-swiper:mySwiper="swiperOption" ref="mySwiper">
<div class="swiper-wrapper">
<div class="swiper-slide" v-for="(item, index) in listData" :key="index">
<img :src="item.web_img_uri" />
</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
layout: 'normal',
data() {
const _this = this
return {
popupVisible: false,
listData: [
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/school_zl1.png' },
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/school_zl2.png' },
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/school_zl3.png' },
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/school_zl4.png' },
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/school_zl5.png' }
],
swiperOption: {
observer: true,
observeParents: true,
speed: 400,
autoplay: true,
delay: 3000,
loop: true,
slidesPerView: 'auto',
centeredSlides: true,
spaceBetween: 20,
on: {
init() {
_this.swiper.slideNext()
}
}
}
}
},
computed: {
swiper() {
return this.$refs.mySwiper.swiper
},
isMobile() {
return this.$store.state.isMobile
}
},
methods: {
swiperStop() {
this.swiper.autoplay.stop()
},
swiperStart() {
this.swiper.autoplay.start()
}
}
}
</script>
<style lang="scss" scoped>
.banner {
position: relative;
.img_banner {
width: 100%;
height: 100%;
}
.btn {
display: flex;
justify-content: center;
position: absolute;
bottom: 109px;
left: 50%;
transform: translateX(-50%);
}
.btn1 {
width: 104px;
height: 32px;
border: 1px solid #ffffff;
font-size: 14px;
font-weight: 400;
line-height: 8px;
background: none;
color: #fff;
}
.btn1:hover {
background-color: #aa1941;
opacity: 1;
}
}
.content {
width: 1200px;
margin: auto;
text-align: center;
margin-top: 70px;
display: flex;
img {
width: 100%;
height: 100%;
}
.img-box {
position: relative;
flex: 1;
.img2 {
width: 956px;
position: absolute;
top: 0;
right: 60px;
}
}
.img22 {
width: 540px;
margin-top: 65px;
}
}
.img4 {
width: 100%;
height: 100%;
margin-top: 68px;
}
.content_tit {
width: 1200px;
margin: auto;
text-align: center;
display: flex;
justify-content: flex-start;
margin-top: 64px;
.line {
width: 6px;
height: 34px;
background: #aa1941;
margin-right: 9px;
margin-top: 6px;
}
.tit_desc {
color: #333333;
font-size: 34px;
font-weight: bold;
}
}
.swiper-content {
padding-top: 37px;
padding-bottom: 132px;
.swiper-slide {
position: relative;
width: 388px;
height: 244px;
margin-top: 10px;
img {
width: 100%;
height: 100%;
line-height: 100%;
}
}
.swiper-slide-active {
width: 423px;
height: 266px;
margin-top: 0;
}
}
</style>
pages/school/school3.vue deleted 100644 → 0
浏览文件 @ 984521f3
<template>
<div>
<div v-if="!isMobile" class="is-pc">
<div class="banner">
<img class="img_banner" src="https://webapp-pub.ezijing.com/project/sbu-plus/school_banner.png" />
</div>
<!-- 学校介绍 -->
<div class="content_school">
<div class="content_left">
<div class="content_left_tit">
<div class="line"></div>
<div class="tit_desc">纽约州立大学石溪分校介绍</div>
</div>
<div class="content_left_bottom">
纽约州立大学石溪分校（The State University of New York at Stony
Brook），又名石溪大学，创办于1957年，简称SBU。坐落于纽约市郊风景区长岛，是美国著名公立研究型大学。石溪大学是北美顶尖大学联盟美国大学协会的65个成员之一，享有“公立常春藤”的美誉。
石溪大学拥有许多一流学者，其教学品质和研究成果享誉国际，石溪的教授队伍中聚集着各领域的顶尖研究人员，著名理论物理学家、诺贝尔物理学奖得主杨振宁在该校执教37年。自1957年成立后，石溪大学已经培养出多位著名人物，包括7位诺贝尔奖得主，1位图灵奖得主及菲尔茨奖、沃尔夫奖和阿贝尔奖得主约翰·米尔诺等。
石溪大学在2021 QS美国大学排名中位居全美高校第39位，纽约州高校第5位；2020《美国新闻与世界报道》（U.S.
News）美国大学本科综合排名中位居第88名，最佳公立大学排名中位居第39名。
</div>
</div>
<img class="content_right" src="https://webapp-pub.ezijing.com/project/sbu-plus/pc-school-img11.png" />
</div>
<!-- 专业介绍 -->
<div class="content_part">
<div class="img-box" style="height:600px">
<img class="img2" src="https://webapp-pub.ezijing.com/project/sbu-plus/pc-school-img8.png" />
</div>
<div class="content_desc">
<div class="content_tit">
<div class="line"></div>
<div class="tit_desc">专业介绍</div>
</div>
<div class="content_intro">
<span style="color:#424242 !important;font-weight:bold !important">金融学硕士(MSF)学位项目：</span
>通过学习投资学、金融数据分析、风险管理、行为金融学、合并与收购等金融前沿课程体系，帮助学生全面提升金融理念认知，获得对全球资本市场运作以及企业财务研究和分析能力的深入掌握。培养金融素养领先，兼具国际化视野和本土实践能力的未来金融创新人才与领袖。
</div>
</div>
</div>
<!-- 申请条件 -->
<div class="content_part" style="flex-direction: column">
<div class="content_tit">
<div class="line"></div>
<div class="tit_desc">申请要求</div>
</div>
<div class="content_list">
<div class="content_list_item" v-for="(item, index) in applyList" :key="index">
<div class="content_list_item_top">
<img :src="item.img" alt="" />
<div class="top_text">{{ item.tit }}</div>
</div>
<div class="content_list_item_center" v-html="item.desc"></div>
<div class="content_list_item_bottom" v-html="item.tips"></div>
</div>
<!-- </div> -->
</div>
<!-- <img src="https://webapp-pub.ezijing.com/project/cbu-plus/school-apply-img.png" /> -->
</div>
<!-- 学制安排 -->
<div class="content_tit">
<div class="line"></div>
<div class="tit_desc">学制安排</div>
</div>
<div class="content_part">
<div class="img5 img55">
<div class="mask"></div>
<div class="desc desc_child">
<div class="desc_detail"><span class="num">1+1</span><span class="fen"></span></div>
<div class="desc_tit">学制安排</div>
</div>
</div>
<div class="img6 img55">
<div class="mask"></div>
<div class="desc desc_child">
<div class="desc_detail"><span class="num">30</span><span class="fen">学分</span></div>
<div class="desc_tit">学分设置</div>
</div>
</div>
<div class="img7 img55">
<div class="mask"></div>
<div class="desc desc_child">
<div class="desc_detail ">
<span class="num">4</span><span class="fen fen1">门课</span><span class="num">12</span
><span class="fen">学分</span>
</div>
<div class="desc_tit">国内授课</div>
</div>
</div>
<div class="img8 img55">
<div class="mask"></div>
<div class="desc desc_last">
<div class="desc_detail">
<!-- <span class="num">8</span><span class="fen fen1">门课</span><span class="num">24</span
><span class="fen">学分</span> -->
<div class="desc_detail_item">
<span class="fen fen1">强化课程</span><span class="num">8</span><span class="fen fen1">门</span>
</div>
<div class="desc_detail_item">
<span class="fen fen1">硕士先修课程</span><span class="num">4</span><span class="fen fen1">门</span>
</div>
<div class="desc_detail_item">
<span class="fen fen1">硕士项目课程</span>
<span class="num">2</span><span class="fen fen1">门</span><span class="num">6</span
><span class="fen fen1">学分</span>
</div>
</div>
<div class="desc_tit">国外授课</div>
</div>
</div>
</div>
<!-- 院校荣誉 -->
<img class="img4" src="https://webapp-pub.ezijing.com/project/sbu-plus/pc-school-img9.png" />
<!-- 课程设置 -->
<div class="content_tit">
<div class="line"></div>
<div class="tit_desc">课程设置</div>
</div>
<div class="course-set">
<img src="https://webapp-pub.ezijing.com/project/sbu-plus/pc-school-img91.png" />
<div class="course-set-tips">注*：课程随教学计划可能会有调整，以实际开课为准。</div>
</div>
</div>
<div v-else class="is-h5">
<div class="banner">
<img
class="img_banner"
src="https://webapp-pub.ezijing.com/project/sbu-plus/h5/h5-school-banner.png"
width="100%"
/>
</div>
<div class="h5-content">
<div class="h5-title">纽约大学石溪分校介绍</div>
<img src="https://webapp-pub.ezijing.com/project/sbu-plus/h5/school-img1.png" />
<div class="h5-title m-t-10">专业介绍</div>
<img src="https://webapp-pub.ezijing.com/project/sbu-plus/h5/school-img2.png" />
<div class="h5-title m-t-10">申请条件</div>
<div class="h5-list">
<img src="https://webapp-pub.ezijing.com/project/sbu-plus/h5/school-img3.png" />
<img src="https://webapp-pub.ezijing.com/project/sbu-plus/h5/school-img4.png" />
<img src="https://webapp-pub.ezijing.com/project/sbu-plus/h5/school-img5.png" />
</div>
<div class="h5-title m-t-10">学制安排</div>
<div class="img-list">
<div class="xz-content">
<div class="xz-item xz1">
<div class="mask"></div>
<div class="desc desc_child">
<div class="desc_detail"><span class="num">1+1</span><span class="fen"></span></div>
<div class="desc_tit">学制安排</div>
</div>
</div>
<div class="xz-item xz2">
<div class="mask"></div>
<div class="desc desc_child">
<div class="desc_detail"><span class="num">30</span><span class="fen">学分</span></div>
<div class="desc_tit">学分设置</div>
</div>
</div>
<div class="xz-item xz3">
<div class="mask"></div>
<div class="desc desc_child">
<div class="desc_detail">
<span class="num">4</span><span class="fen fen1">门课</span><span class="num">12</span
><span class="fen">学分</span>
</div>
<div class="desc_tit">国内授课</div>
</div>
</div>
<div class="xz-item xz4">
<div class="mask"></div>
<div class="desc desc_last">
<div class="desc_detail">
<!-- <span class="num">8</span><span class="fen fen1">门课</span><span class="num">24</span
><span class="fen">学分</span> -->
<div class="desc_detail_item">
<span class="fen fen1">强化课程</span><span class="num">8</span><span class="fen fen1">门</span>
</div>
<div class="desc_detail_item">
<span class="fen fen1">硕士先修课程</span><span class="num">4</span><span class="fen fen1">门</span>
</div>
<div class="desc_detail_item">
<span class="fen fen1">硕士项目课程</span>
<span class="num">2</span><span class="fen fen1">门</span><span class="num">6</span
><span class="fen fen1">学分</span>
</div>
</div>
<div class="desc_tit">国外授课</div>
</div>
</div>
</div>
</div>
<img src="https://webapp-pub.ezijing.com/project/sbu-plus/h5/school-img6.png" style="margin-top:0.25rem" />
<div class="h5-title m-t-10">课程设置</div>
<div class="h5-course-set">
<img src="https://webapp-pub.ezijing.com/project/sbu-plus/h5/school-img7.png" style="margin-bottom:0.3rem" />
</div>
</div>
</div>
</div>
</template>
<script>
import 'swiper/css/swiper.css'
export default {
layout: 'normal',
data() {
const _this = this
return {
applyList: [
{
img: 'https://webapp-pub.ezijing.com/project/cbu-plus/apply_step3.png',
tit: 'GMAT',
desc: '1. GMAT 550分及以上<br/>2. 无GMAT成绩或GMAT低于550分的申请者，入学后须参加GMAT强化课程并考试合格。',
tips: ''
},
{
img: 'https://webapp-pub.ezijing.com/project/cbu-plus/apply_step2.png',
tit: '语言',
desc:
'1. 托福≥80分或雅思≥6.5分（单项不低于6.0）<br/>2. 无法满足上述语言要求但符合下列情况之一的申请者，入学后须参加英语强化课程学习并于第二学年赴美国参加纽约州立大学石溪分校组织的语言考试且合格',
tips: `<ul>
<li><p>Duolingo≥105分</p></li>
<li><p>iTEP Academic≥4.0</p></li>
<li><p>CET-6（大学英语六级）≥450分</p></li>
<li><p>75分≤托福<80</p></li>
<li><p>6.0分（单项不低于5.5）≤雅思<6.5分</p></li>
</ul>`
},
{
img: 'https://webapp-pub.ezijing.com/project/cbu-plus/apply_step3.png',
tit: 'GPA',
desc: '在校GPA不低于3.0或经审核具有研究生学习潜力的优秀学生。',
tips: ''
}
],
courseSetTab: 0,
popupVisible: false,
listData: [
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/school_mary1.png' },
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/school_mary2.png' },
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/school_mary3.png' },
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/school_mary4.png' },
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/school_mary5.png' }
],
listDataH5: [
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/h5/school-bimg1.png' },
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/h5/school-bimg2.png' },
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/h5/school-bimg3.png' },
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/h5/school-bimg4.png' },
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/h5/school-bimg5.png' }
],
swiperOption: {
observer: true,
observeParents: true,
speed: 400,
autoplay: true,
delay: 3000,
loop: true,
slidesPerView: 'auto',
centeredSlides: true,
spaceBetween: 20,
on: {
init() {
_this.swiper.slideNext()
}
}
},
swiperOption2: {
observer: true,
observeParents: true,
speed: 400,
autoplay: true,
delay: 3000,
loop: true,
slidesPerView: 'auto',
centeredSlides: true,
spaceBetween: 20,
pagination: {
el: '.swiper-pagination'
},
on: {
init() {
_this.swiper.slideNext()
}
}
}
}
},
computed: {
swiper() {
return this.$refs.mySwiper.swiper
},
isMobile() {
return this.$store.state.isMobile
}
},
methods: {
swiperStop() {
this.swiper.autoplay.stop()
},
swiperStart() {
this.swiper.autoplay.start()
},
courseTab(n) {
this.courseSetTab = n
}
}
}
</script>
<style lang="scss" scoped>
.is-pc {
.course-set {
background: #fff;
width: 1200px;
margin: 30px auto 0;
padding: 50px 30px;
margin-bottom: 111px;
img {
width: 1140px;
}
.course-set-tips {
font-size: 16px;
font-weight: 400;
color: #7b7b7b;
}
// li {
// }
}
.banner {
position: relative;
.img_banner {
width: 100%;
height: 100%;
}
.btn {
display: flex;
justify-content: center;
position: absolute;
bottom: 109px;
left: 50%;
transform: translateX(-50%);
}
.btn1 {
width: 104px;
height: 32px;
border: 1px solid #ffffff;
font-size: 14px;
font-weight: 400;
line-height: 8px;
background: none;
color: #fff;
}
.btn1:hover {
background-color: #aa1941;
opacity: 1;
}
}
.content_school {
// background-color: #ccc;
height: 661px;
width: 1200px;
margin: 70px auto;
text-align: center;
display: flex;
justify-content: space-around;
align-items: center;
.content_left {
padding-right: 152px;
min-width: 524px;
height: 100%;
// background-color: red;
.content_tit {
text-align: center;
display: flex;
justify-content: flex-start;
margin-top: 64px;
.line {
width: 6px;
height: 34px;
background: #aa1941;
margin-right: 9px;
margin-top: 6px;
}
.tit_desc {
color: #333333;
font-size: 34px;
font-weight: bold;
}
}
.content_left_bottom {
font-size: 16px;
font-weight: 300;
color: #424242;
margin-top: 66px;
text-align: left;
line-height: 1.5;
}
}
.content_right {
min-width: 596px;
height: 100%;
// background-color: yellow;
}
}
.content_tit {
width: 1200px;
margin: auto;
text-align: center;
display: flex;
justify-content: flex-start;
margin-top: 64px;
.line {
width: 6px;
height: 34px;
background: #aa1941;
margin-right: 9px;
margin-top: 6px;
}
.tit_desc {
color: #333333;
font-size: 34px;
font-weight: bold;
}
}
.content_part {
width: 1200px;
margin: auto;
text-align: center;
margin-top: 70px;
display: flex;
.content_list {
width: 100%;
// min-height: 546px;
display: flex;
justify-content: space-around;
align-items: flex-start;
background-color: #fff;
padding-bottom: 35px;
margin-top: 31px;
.content_list_item {
padding: 68px 39px 0 41px;
width: 380px;
// height: 483px;
opacity: 1;
.content_list_item_top {
img {
width: 91.66px;
height: 100%;
}
.top_text {
font-size: 20px;
font-weight: 500;
color: #484848;
margin-top: 29px;
}
}
.content_list_item_center {
text-align: left;
font-size: 16px;
font-weight: 400;
color: #666666;
margin-top: 37px;
line-height: 2;
}
.content_list_item_bottom {
font-size: 16px;
font-weight: 400;
color: #666666 !important;
// margin-top: 27px;
text-align: left;
line-height: 2;
::v-deep {
li {
list-style-type: disc;
color: #aa1941;
margin-left: 15px;
p {
font-size: 16px;
font-weight: 400;
color: #666666 !important;
// margin-top: 27px;
text-align: left;
line-height: 2;
}
}
}
}
}
}
.content_list_item:nth-child(3) .content_list_item_center {
text-align: center;
}
.content_desc {
width: 536px;
padding-left: 30px;
.content_tit {
text-align: center;
display: flex;
justify-content: flex-start;
margin-top: 64px;
.line {
width: 6px;
height: 34px;
background: #aa1941;
margin-right: 9px;
margin-top: 6px;
}
.tit_desc {
color: #333333;
font-size: 34px;
font-weight: bold;
}
}
.content_intro {
font-size: 16px;
font-weight: 300;
color: #424242;
line-height: 1.5;
margin-top: 66px;
text-align: left;
}
}
img {
width: 100%;
height: 100%;
}
.img-box {
position: relative;
flex: 1;
.img2 {
width: 956px;
position: absolute;
top: 0;
right: 60px;
}
}
.img22 {
width: 540px;
margin-top: 65px;
}
.img55 {
width: 292px;
height: 345px;
margin-right: 11px;
cursor: pointer;
position: relative;
.mask {
position: absolute;
background: rgba(0, 0, 0, 0.6);
color: #ffffff;
opacity: 1;
top: 0;
right: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
.desc_child {
margin: 137px auto;
}
.desc_last {
margin: 43px auto;
}
.desc {
transition: all 0.15s ease-in;
position: relative;
z-index: 11;
.desc_tit {
font-size: 24px;
font-weight: 500;
color: #ffffff;
margin-top: -10px;
}
.desc_detail {
color: #ffffff;
visibility: hidden;
.num {
font-size: 55px;
font-weight: bold;
}
.fen {
font-size: 20px;
font-weight: 400;
padding-top: 20px;
}
.fen1 {
padding-right: 5px;
}
.desc_detail_item {
margin-top: -20px;
}
}
}
}
.img55:hover .mask {
opacity: 1;
background: rgba(0, 0, 0, 0.7);
}
.img55:hover .desc {
transform: translateY(-30px);
}
.img55:hover .desc .desc_detail {
visibility: visible;
}
.img5 {
background: url('https://webapp-pub.ezijing.com/project/sbu-plus/pc-school-img4.png');
}
.img6 {
background: url('https://webapp-pub.ezijing.com/project/sbu-plus/pc-school-img5.png');
}
.img7 {
background: url('https://webapp-pub.ezijing.com/project/sbu-plus/pc-school-img6.png');
}
.img8 {
background: url('https://webapp-pub.ezijing.com/project/sbu-plus/pc-school-img7.png');
}
}
.img4 {
width: 100%;
height: 100%;
margin-top: 68px;
}
.content_left_tit {
width: 1200px;
margin: auto;
text-align: center;
display: flex;
justify-content: flex-start;
margin-top: 64px;
.line {
width: 6px;
height: 34px;
background: #aa1941;
margin-right: 9px;
margin-top: 6px;
}
.tit_desc {
color: #333333;
font-size: 34px;
font-weight: bold;
}
}
.swiper-content {
padding-top: 37px;
padding-bottom: 132px;
.swiper-slide {
position: relative;
width: 388px;
height: 244px;
margin-top: 10px;
img {
width: 100%;
height: 100%;
line-height: 100%;
}
}
.swiper-slide-active {
width: 423px;
height: 266px;
margin-top: 0;
}
}
}
.is-h5 {
.banner {
img {
width: 100%;
display: block;
}
}
.h5-course-set {
background: #fff;
padding: 0.2rem 0.12rem;
.h5-head {
height: 0.7rem;
border-bottom: 1px solid #bebebe;
display: flex;
overflow-x: scroll;
.btn {
padding-top: 0.25rem;
p {
font-size: 0.13rem;
color: #959595;
text-align: center;
white-space: nowrap;
}
&.active {
p {
color: #aa1941;
}
border-bottom: 1px solid #aa1941;
}
}
}
}
.h5-content {
padding: 0 0.15rem;
img {
width: 100%;
display: block;
}
.h5-title {
font-size: 0.14rem;
font-weight: bold;
color: #424242;
line-height: 0.36rem;
&.m-t-10 {
margin-top: 0.1rem;
}
}
.h5-list {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
img {
margin-top: 0.1rem;
// width: 1.08rem;
// height: 1.4rem;
// display: block;
}
}
.img-list {
overflow-x: scroll;
display: flex;
.xz-content {
width: 6rem;
margin: auto;
text-align: center;
display: flex;
.img-box {
position: relative;
flex: 1;
.img2 {
width: 956px;
position: absolute;
top: 0;
right: 60px;
}
}
.xz-item {
width: 1.46rem;
height: 1.73rem;
margin-right: 0.1rem;
cursor: pointer;
position: relative;
.mask {
position: absolute;
background: rgba(0, 0, 0, 0.6);
color: #ffffff;
opacity: 1;
top: 0;
right: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
.desc_child {
margin-top: 0.53rem;
}
.desc_last {
margin: 0.1rem auto;
}
.desc {
// display: flex;
// align-items: center;
// flex-direction: column;
// justify-content: center;
transition: all 0.15s ease-in;
position: relative;
z-index: 11;
.desc_tit {
font-size: 0.16rem;
font-weight: 500;
color: #ffffff;
}
.desc_detail {
color: #ffffff;
.num {
font-size: 0.25rem;
font-weight: bold;
}
.fen {
font-size: 0.1rem;
font-weight: 400;
}
.desc_detail_item {
margin-top: -0.1rem;
white-space: nowrap;
}
}
}
}
.xz1 {
background: url('https://webapp-pub.ezijing.com/project/sbu-plus/h5/h5-img1.png');
}
.xz2 {
background: url('https://webapp-pub.ezijing.com/project/sbu-plus/h5/h5-img2.png');
}
.xz3 {
background: url('https://webapp-pub.ezijing.com/project/sbu-plus/h5/h5-img3.png');
}
.xz4 {
background: url('https://webapp-pub.ezijing.com/project/sbu-plus/h5/h5-img4.png');
}
}
}
.swiper-content {
padding-bottom: 0.5rem;
}
}
}
::v-deep {
.swiper-pagination-bullet-active {
background: #fff;
}
}
</style>
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论