提交 b039dbd6 authored 作者: matian's avatar matian

updates

上级 40aed6b3
......@@ -14,6 +14,10 @@ export default {
const _this = this
return {
list: [
{
name: '学校介绍',
path: '/school/school'
},
{
name: '项目介绍',
children: [
......@@ -22,13 +26,7 @@ export default {
{ name: '最近动态', path: '/news/hot' }
]
},
// {
// name: '学校介绍',
// children: [
// { name: '纽约州立大学石溪分校', path: '/about/school' }
// // { name: '师资介绍', path: '/about/teacher' }
// ]
// },
{
name: '学历认证',
path: '/academic/academic'
......@@ -41,17 +39,28 @@ export default {
]
},
{
name: '资料下载',
path: '/dataDownload/dataDownload'
name: '就业福利',
path: '/returnPolicy/returnPolicy',
children: [
{
name: '高薪就业',
path: '/news/hot/74805116510687232'
},
{
name: '就业指导',
path: '/returnPolicy/guidance'
},
{
name: this.$t('menu.returnPolicy'),
path: '/returnPolicy/returnPolicy'
}
]
},
{
name: '归国政策',
path: '/returnPolicy/returnPolicy'
name: '资料下载',
path: '/dataDownload/dataDownload'
},
// {
// name: '常见问题',
// path: '/question/question'
// },
{
name: '报名申请',
onClick: () => {
......
<template>
<section class="section">
<section class="section" v-if="!isMobile ? 'is-h5' : 'is-pc'">
<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" />
<!-- <video :src="item.web_img_uri" /> -->
<video controls>
<source :src="item.web_img_uri" type="video/mp4" />
</video>
</div>
</div>
</div>
......@@ -52,7 +55,7 @@ export default {
loop: true,
slidesPerView: 'auto',
centeredSlides: true,
spaceBetween: 20,
spaceBetween: 1,
on: {
init() {
_this.swiper.slideNext()
......@@ -82,19 +85,35 @@ export default {
</script>
<style lang="scss" scoped>
.section {
max-width: 1212px;
margin: 83px auto;
.swiper-content1 {
width: 1200px;
.is-pc {
.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%;
.swiper-slide {
width: 360px;
height: 574px;
video {
width: 100%;
height: 100%;
line-height: 100%;
}
}
}
}
}
.is-h5 {
.section {
.swiper-content1 {
.swiper-slide {
width: 3.3rem;
height: 4.58rem;
video {
height: 100%;
line-height: 100%;
}
}
}
}
......
......@@ -58,30 +58,9 @@ export default {
children: [
{ name: this.$t('menu.schoolChild.school3'), path: '/about/school' },
{ name: this.$t('menu.newsChild.hot'), path: '/news/hot' }
// { name: this.$t('menu.projectChild.feature'), path: '/project-intro/charac' },
// { name: this.$t('menu.projectChild.cert'), path: '/project-intro/certificate' }
]
},
// 项目优势
// {
// name: this.$t('menu.course'),
// path: '/about/course',
// children: [
// { name: this.$t('menu.courseChild.set'), path: '/about/course' },
// { name: this.$t('menu.courseChild.teachers'), path: '/about/teacher' }
// ]
// },
// 学校介绍
// {
// name: this.$t('menu.school'),
// path: '/about/school',
// children: [
// // // { name: this.$t('menu.schoolChild.school1'), path: '/school/school1' },
// // // { name: this.$t('menu.schoolChild.school2'), path: '/school/school2' },
// { name: this.$t('menu.schoolChild.school3'), path: '/about/school' }
// // { name: this.$t('menu.courseChild.teachers'), path: '/about/teacher' }
// ]
// },
// 学历认证
{
name: this.$t('menu.academic'),
......@@ -103,7 +82,8 @@ export default {
children: [
{
name: '高薪就业',
path: '/news/hot/74805116510687232'
path: '/returnPolicy/salary'
},
{
name: '就业指导',
......
......@@ -123,32 +123,59 @@ export default {
}
.is-h5 {
.dataList {
padding: 0.48rem 0 0.54rem 0;
width: 3.3rem;
display: flex;
justify-content: center;
align-items: flex-start;
flex-wrap: wrap;
margin-left: 50px;
padding: 0.48rem 0.61rem 0.3rem;
.item {
width: 1.68rem;
height: 2.45rem;
width: 3.3rem;
height: 0.5rem;
opacity: 1;
display: flex;
justify-content: flex-start;
justify-content: space-between;
align-items: center;
flex-direction: column;
background: #f6f6f6;
cursor: pointer;
box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.38);
.item_top {
width: 100%;
height: 1.74rem;
border-top: 1px solid #dedede;
border-bottom: 1px solid #dedede;
padding: 0 0.23rem 0 0.1rem;
.item_left {
display: flex;
justify-content: space-between;
align-items: center;
.item_left_img {
width: 0.235rem;
height: 0.235rem;
}
.item_left_line {
width: 0px;
height: 0.3rem;
border: 1px solid #dedede;
opacity: 1;
margin-left: 0.26rem;
}
.item_left_doc {
font-size: 0.08rem;
font-weight: 400;
margin-left: 0.24rem;
color: #666666;
}
}
.doc {
width: 100%;
height: 0.7rem;
font-size: 0.14rem;
font-weight: 400;
line-height: 0.7rem;
text-align: center;
color: #333333;
.item_right {
.btn {
width: 0.69rem;
height: 0.16rem;
background: #aa1941;
border-radius: 4px;
line-height: 0.16rem;
text-align: center;
font-size: 0.07rem;
color: #ffffff;
}
}
}
}
......
......@@ -178,7 +178,7 @@ export default {
top: 0;
bottom: 0;
width: 0.01rem;
height: 95%;
height: 93%;
background-color: #aa1941;
}
.apply-item {
......
......@@ -1789,6 +1789,11 @@ export default {
return {
frameParams: {
slider: [
{
name: '高薪就业',
path: '/returnPolicy/salary'
},
{
name: '就业指导',
path: '/returnPolicy/guidance'
......
......@@ -72,6 +72,10 @@ export default {
return {
frameParams: {
slider: [
{
name: '高薪就业',
path: '/returnPolicy/salary'
},
{
name: '就业指导',
path: '/returnPolicy/guidance'
......
<template>
<app-frame :data="frameParams">
<div data-v-19a990b5="" class="content-box" style="padding:30px;">
<div data-v-19a990b5="" class="times">2022/9/2</div>
<div data-v-19a990b5="" class="titles">让钱途与前途齐飞,石溪大学金融硕士保研项目等你来!</div>
<div data-v-19a990b5="" class="article-content">
<section>
<img
style="display: block; margin-left: auto; margin-right: auto;"
src="https://webapp-pub.ezijing.com/upload/cms-admin/9659050329f383a029eae5de6ecaecd6.jpg"
/>
</section>
<section></section>
<section>
<br /><span style="font-size: 18px;"
>众所周知,美国商科一直是大热门专业,但也是被舆论谈论最多的专业。可是为何历经这么多事儿,美国商科留学多年的热度却并未减退丝毫呢?那么带着这个问题让我们进入正文一探究竟。<br /><br
/></span>
</section>
<section></section>
<section></section>
<section>
<section>
<section>
<section>
<span style="font-size: 18px;"
>根据留学行业分析师多年的数据统计,许多赴美商科留学的优秀毕业生,在毕业后都纷纷签下“四大投行”等,能够签下这些工作的同学,他们的未来前景无疑是一片光明,而赴美留学去读商科学院,不失为走向人生巅峰的一大选择。美国商科闻名于世,很多学校都设置有商学院,为学生提供商科专业,但并不是所有的商学院都是获得AACSB认证的的。对于主修商科的学生,选择一个获得AACSB认证的商学院,对自己的发展无疑是锦上添花。<br /><br
/></span>
</section>
<section></section>
<section>
<span style="font-size: 18px;"><strong>&nbsp;</strong></span>
</section>
<section>
<span style="font-size: 18px;"
><strong
>在美国高校官方项目院校中,有这么一所学校以商科著名,同时也培养了斯坦福大学校长、纽约时报CEO、瑞士银行CTO等著名人物,他就是石溪大学。<br /><br /></strong
></span>
</section>
<section></section>
<section data-role="outer">
<section data-role="paragraph">
<section data-role="paragraph">
<section>
<section>
<section>
<p>&nbsp;</p>
<section data-role="outer">
<section data-role="title" data-tools="135编辑器" data-id="116172">
<section>
<section>
<section>
<section>
<span style="font-size: 18px;"
><strong data-brushtype="text">全球Top 6% AACSB国际认证<br /><br /></strong
></span>
</section>
<section></section>
</section>
</section>
</section>
</section>
</section>
<section>
<span style="font-size: 18px;"
>2021年11月,国际商学院协会(简称AACSB)正式宣布,纽约州立大学石溪分校商学院(以下简称“石溪大学商学院”)通过AACSB国际认证,<strong
>石溪大学商学院因其世界一流的课程以及在教学、研究、课程开发和学生发展等各个领域的卓越表现而得到公认,并获得了AACSB国际认证。<br /><br /></strong
></span>
</section>
<section></section>
<section></section>
<section>
<span style="font-size: 18px;"
>在全球提供商科学位课程的大学中,只有不到6%获得了AACSB的国际认证,石溪大学将加入哈佛大学、耶鲁大学以及来自58个国家和地区的887所其他大学的行列。<br /><br
/></span>
</section>
<section></section>
</section>
</section>
</section>
<section></section>
</section>
<section>
<img
style="display: block; margin-left: auto; margin-right: auto;"
src="https://webapp-pub.ezijing.com/upload/cms-admin/cdbdc608dd67fc02fc903b09d9ee3c45.png"
/>
</section>
<p>&nbsp;</p>
<p>&nbsp;</p>
<section data-role="outer">
<section data-role="title" data-tools="135编辑器" data-id="116172">
<section>
<section>
<section>
<section>
<span style="font-size: 18px;"
><strong data-brushtype="text">美国薪资潜力大的专业</strong></span
>
</section>
<section><br /><br /></section>
<section></section>
</section>
</section>
</section>
</section>
</section>
<section>
<span style="font-size: 18px;"
><strong
>金融学位是商科领域的热门选择,由于这类课程中学到的技能可以在众多领域内应用,因此专业毕业生在当今就业市场上很受欢迎。<br /></strong
></span>
</section>
<section></section>
<section></section>
<section>
<span style="font-size: 18px;"
>更重要的是,由于组织对处理预算、会计程序等运作有持续需求,金融毕业生还有着很大的就业增长潜力。<br /><br
/></span>
</section>
<section></section>
<section></section>
<section></section>
<section>
<span style="font-size: 18px;"><strong>硕士毕业生的高薪职位包括:</strong></span>
</section>
<section></section>
<section><span style="font-size: 18px;">财务经理Financial Manager</span></section>
<section><span style="font-size: 18px;">年薪中位数:$ 129,890</span></section>
<section>
<span style="font-size: 18px;">预计到2028年的就业增长:16%<br /><br /></span>
</section>
<section></section>
<section></section>
<section><span style="font-size: 18px;">精算师Actuary</span></section>
<section><span style="font-size: 18px;">年薪中位数:$ 108,350</span></section>
<section>
<span style="font-size: 18px;">预计到2028年的就业增长:20%<br /><br /></span>
</section>
<section></section>
<section></section>
<section></section>
<section>
<span style="font-size: 18px;"
>美国金融硕士专业毕业生的就业去向主要还是<strong>银行、证券公司、基金公司、信托投资公司、会计师事务所、资产管理公司、保险公司</strong>等。从事如:研究员、市场销售、客户经理、证券分析员/金融研究员、风控、审计等岗位。<br /><br
/></span>
</section>
<section></section>
<section></section>
<section></section>
<p>
<span style="font-size: 18px;"
>总而言之,<strong>金融专业毕业生就业范围广泛,薪资水平普遍较高。</strong>如果你对金融专业感兴趣,想要申请美国大学金融专业,可以选择纽约州立大学石溪分校金融硕士1+1项目。</span
>
</p>
</section>
</section>
<p>&nbsp;</p>
<section data-role="outer">
<section data-role="paragraph">
<section>
<section data-role="paragraph">
<section data-role="paragraph">
<section data-role="paragraph">
<section></section>
</section>
</section>
</section>
</section>
</section>
</section>
<section data-role="outer">
<section data-role="paragraph">
<section>
<section>
<section>
<section>
<section>
<p style="text-align: center;">
<span style="font-size: 18px;"
><em><strong>END</strong></em></span
>
</p>
</section>
</section>
<p style="text-align: center;"><span style="font-size: 18px;"></span></p>
</section>
</section>
</section>
<section>
<span style="font-size: 18px;"
>石溪大学金融硕士(MSF)学位项目通过学习投资学、金融数据分析、风险管理、行为金融学、合并与收购等金融前沿课程体系,帮助学生全面提升金融理念认知,获得对全球资本市场运作以及企业财务研究和分析能力的深入掌握。培养金融素养领先,兼具国际化视野和本土实践能力的未来金融创新人才与领袖。</span
>
</section>
<section><span style="font-size: 18px;">&nbsp;</span></section>
<section>
<span style="font-size: 18px;"
>2023春季,纽约州立大学石溪分校金融硕士保研项目,美方直录,申请进行中,欢迎关注我们,咨询了解更多课程信息。<br /><br
/></span>
</section>
</section>
</section>
<section></section>
<section data-role="outer">
<section data-role="paragraph">
<section>
<img
style="display: block; margin-left: auto; margin-right: auto;"
src="https://webapp-pub.ezijing.com/upload/cms-admin/219f9591876a5b2a994535491d9ae886.jpg"
/>
</section>
</section>
</section>
</section>
</section>
</section>
</div>
<!---->
</div>
</app-frame>
</template>
<script>
import appFrame from '@/components/appFrame'
export default {
layout: 'normal',
components: { appFrame },
data() {
return {
frameParams: {
slider: [
{
name: '高薪就业',
path: '/returnPolicy/salary'
},
{
name: '就业指导',
path: '/returnPolicy/guidance'
},
{
name: this.$t('menu.returnPolicy'),
path: '/returnPolicy/returnPolicy'
}
]
}
}
}
}
</script>
<style scoped></style>
......@@ -19,7 +19,9 @@
<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" />
<video controls>
<source :src="item.web_img_uri" type="video/mp4" />
</video>
</div>
</div>
</div>
......@@ -62,7 +64,6 @@
</div>
</section>
<div class="content_tit">
<div class="line"></div>
<div class="tit_desc">校园风光</div>
</div>
<div class="swiper-content" @mouseenter="swiperStop" @mouseleave="swiperStart">
......@@ -122,7 +123,7 @@ export default {
loop: true,
slidesPerView: 'auto',
centeredSlides: true,
spaceBetween: 20,
spaceBetween: 10,
on: {
init() {
_this.swiper.slideNext()
......@@ -138,7 +139,7 @@ export default {
loop: true,
slidesPerView: 'auto',
centeredSlides: true,
spaceBetween: 30,
// spaceBetween: 1,
on: {
init() {
_this.swiper1.slideNext()
......@@ -210,170 +211,322 @@ export default {
}
</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;
.is-pc {
.banner {
position: relative;
.img_banner {
width: 100%;
height: 100%;
}
.con_desc {
text-align: justify;
font-size: 18px;
font-weight: 400;
line-height: 32px;
color: #ffffff;
margin-top: 30px;
.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;
.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 {
width: 360px;
height: 574px;
video {
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;
}
}
.section_title {
}
.is-h5 {
.banner {
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;
.img_banner {
width: 100%;
height: 100%;
}
.banner_con {
padding: 0.23rem 0.3rem;
.teacher_item {
width: 300px;
display: flex;
flex-direction: column;
.con_tit {
font-size: 0.14rem;
color: #424242;
.item_img {
width: 300px;
height: 360px;
font-weight: bold;
}
.item_bottom {
padding: 24px 37px 0 39px;
.img_tit {
font-size: 18px;
font-weight: 500;
color: #424242;
}
.item_desc {
margin-top: 20px;
.con_desc {
font-size: 0.12rem;
font-weight: 300;
color: #424242;
margin-top: 0.16rem;
line-height: 2;
}
}
}
.section {
.swiper-content1 {
.swiper-slide {
width: 3.3rem;
height: 4.58rem;
li {
list-style-type: disc;
margin-left: 20px;
white-space: nowrap;
font-size: 16px;
font-weight: 400;
color: #666666;
line-height: 1.5;
}
video {
height: 100%;
line-height: 100%;
}
}
}
.teacher_item1 {
width: 370px;
.section_title {
font-size: 0.14rem;
font-weight: bold;
color: #424242;
padding-left: 0.16rem;
margin-top: 0.23rem;
}
.section_teacher {
display: flex;
flex-direction: column;
align-items: center;
.item_img {
width: 370px;
height: 360px;
justify-content: space-between;
margin-top: 0.18rem;
overflow-x: auto;
padding-left: 0.15rem;
.teacher_item {
padding: 0.15rem 0.18rem 0 0.2rem;
width: 1.9rem;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: #fff;
margin-right: 0.15rem;
.item_img {
width: 1.7rem;
}
.item_bottom {
padding: 0.12rem 0.18rem 0 0.2rem;
.img_tit {
font-size: 0.09rem;
font-weight: 500;
color: #424242;
}
.item_desc {
margin-top: 0.1rem;
li {
list-style-type: disc;
margin-left: 0.1rem;
white-space: nowrap;
font-size: 0.08rem;
font-weight: 400;
color: #666666;
line-height: 1.5;
}
}
}
}
.item_bottom {
width: 370px;
height: 88px;
background: #ffffff;
text-align: center;
padding: 20px 0;
.img_tit {
font-size: 18px;
font-weight: 500;
color: #333333;
.teacher_item1 {
width: 1.85rem;
display: flex;
flex-direction: column;
align-items: center;
margin-right: 0.15rem;
.item_img {
width: 1.85rem;
}
.item_desc {
li {
white-space: nowrap;
font-size: 16px;
font-weight: 400;
color: #666666;
line-height: 1.5;
.item_bottom {
width: 1.85rem;
background: #ffffff;
text-align: center;
padding: 0.1rem 0;
.img_tit {
font-size: 0.09rem;
font-weight: 500;
color: #333333;
}
.item_desc {
li {
white-space: nowrap;
font-size: 0.08rem;
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;
.content_tit {
padding-left: 0.16rem;
margin-top: 0.23rem;
img {
width: 100%;
height: 100%;
line-height: 100%;
.tit_desc {
font-size: 0.14rem;
font-weight: bold;
color: #424242;
}
}
.swiper-slide-active {
width: 423px;
height: 266px;
margin-top: 0;
.swiper-content {
padding-bottom: 0.2rem;
.swiper-slide {
position: relative;
width: 2.02rem;
height: 1.22rem;
margin-top: 0.28rem;
img {
width: 100%;
height: 100%;
line-height: 100%;
}
}
.swiper-slide-active {
width: 2.12rem;
height: 1.33rem;
margin-top: 0.23rem;
}
}
}
</style>
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论