Skip to content

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

项目优化

上级 761fd944
隐藏空白字符变更
内嵌 并排
正在显示 包含 639 行增加 和 1242 行删除
components/home/banners.vue
浏览文件 @ 76d45ab4
......@@ -2,6 +2,10 @@
<div :class="isMobile ? 'is-h5' : 'is-pc'">
<div class="banner-content">
<img class="img" src="https://webapp-pub.ezijing.com/project/sit-plus/pc-index-banner.png" />
<div class="content_desc">
<div class="desc_cn">斯蒂文斯理工学院工程管理硕士保研项目</div>
<div class="desc_en">Stevens Institute of Technology Master of Engineering in Engineering Management</div>
</div>
<div class="banner_navList">
<div class="banner_nav" v-for="(item, index) in navList" :key="index" @click="navClick(item)">
<div class="nav_top">
......@@ -92,6 +96,29 @@ export default {
height: 100%;
z-index: 1000;
}
.content_desc {
position: absolute;
top: 255px;
left: 50%;
transform: translate(-50%, -50%);
.desc_cn {
font-size: 60px;
font-weight: 500;
color: #ffffff;
text-shadow: -1.8369701465288538e-16px 3px 6px rgba(0, 0, 0, 0.3);
white-space: nowrap;
letter-spacing: 5.5px;
}
.desc_en {
font-size: 30px;
font-weight: 400;
color: #ffffff;
text-shadow: -1.8369701465288538e-1 3px 6px rgba(0, 0, 0, 0.3);
white-space: nowrap;
margin-top: 5px;
}
}
.banner_navList {
position: absolute;
bottom: -59px;
......@@ -156,7 +183,31 @@ export default {
.img {
width: 100%;
height: 100%;
z-index: 1000;
// z-index: 1000;
}
.content_desc {
position: absolute;
top: 15%;
left: 50%;
transform: translateX(-50%);
text-align: center;
.desc_cn {
font-size: 0.15rem;
font-weight: 500;
color: #ffffff;
text-shadow: -1.8369701465288538e-16px 3px 6px rgba(0, 0, 0, 0.3);
white-space: nowrap;
// text-align: center;
}
.desc_en {
font-size: 0.1rem;
font-weight: 400;
color: #ffffff;
text-shadow: -1.8369701465288538e-1 3px 6px rgba(0, 0, 0, 0.3);
// white-space: nowrap;
margin-top: 0.02rem;
}
}
.banner_navList {
padding: 0.43rem 0.33rem 0 0.35rem;
......
components/layout/pc/Menu.vue
浏览文件 @ 76d45ab4
......@@ -47,6 +47,10 @@ export default {
const _this = this
return {
navData: [
{
name: '学校介绍',
path: '/school/school'
},
// 项目介绍
{
name: this.$t('menu.project'),
......@@ -100,12 +104,12 @@ export default {
},
// 归国政策
{
name:'就业福利',
name: '就业福利',
path: '/returnPolicy/returnPolicy',
children: [
children: [
{ name: '高薪就业', path: '/returnPolicy/salary' },
// { name: this.$t('menu.enrollChild.brochure'), path: '/enroll/brochure' },
{ name:'归国政策', path: '/returnPolicy/returnPolicy' }
{ name: '归国政策', path: '/returnPolicy/returnPolicy' }
]
},
// 常见问题
......
pages/about/school.vue
浏览文件 @ 76d45ab4
......@@ -8,9 +8,10 @@
<h2 class="title">项目介绍</h2>
<div class="content_list">
<p>
该保研项目是斯蒂文斯理工学院工程管理硕士项目的特别录取通道。项目通过对学生的全面个性化评估和科研主题课程训练，鼓励学生以增强科研能力替代应试，减少研究生入学考试对学生学习和科研的干扰。项目给予大三、大四在读的优秀本科生或往届生提前获得斯蒂文斯理工学院工程管理硕士的机会，包含三大内容：
该保研项目是斯蒂文斯理工学院工程管理硕士项目的特别录取通道。项目通过对学生的全面个性化评估和科研主题课程训练，鼓励学生以增强科研能力替代应试，减少研究生入学考试对学生学习和科研的干扰。
</p>
<br />
<!--
<h4>1、校方直录</h4>
<p>
......@@ -32,10 +33,10 @@
<p>
通过学习《复杂系统的项目管理》、《营销管理和数字营销》与《沟通管理》三门斯蒂文斯理工学院工程管理硕士学分课程。在本科期间提前修读硕士学分，减轻工程管理硕士的学业负担。
</p>
<br />
<br /> -->
<p>
斯蒂文斯理工学院官方唯一授权清控紫荆教育负责工程管理硕士保研项目在中国的招生与教学，详情请见斯蒂文斯理工学院官网项目说明：<a
斯蒂文斯理工学院官方唯一授权清控紫荆教育负责工程管理硕士保研项目在中国的招生与教学，详见斯蒂文斯理工学院官网项目说明：<a
href="https://www.stevens.edu/zijingpartnership"
style="color:#aa1941"
>https://www.stevens.edu/zijingpartnership</a
......@@ -172,9 +173,9 @@
<div class="h5-content">
<div class="h5-title">项目介绍</div>
<p>
该保研项目是斯蒂文斯理工学院工程管理硕士项目的特别录取通道。项目通过对学生的全面个性化评估和科研主题课程训练，鼓励学生以增强科研能力替代应试，减少研究生入学考试对学生学习和科研的干扰。项目给予大三、大四在读的优秀本科生或往届生提前获得斯蒂文斯理工学院工程管理硕士的机会，包含三大内容：
该保研项目是斯蒂文斯理工学院工程管理硕士项目的特别录取通道。项目通过对学生的全面个性化评估和科研主题课程训练，鼓励学生以增强科研能力替代应试，减少研究生入学考试对学生学习和科研的干扰。
</p>
<br />
<!-- <br />
<h4>1、校方直录</h4>
<p>
经报名材料审核与面试通过后，将直接收到校方（stevens.edu）保研项目录取通知书。
......@@ -192,10 +193,10 @@
</h4>
<p>
通过学习《复杂系统的项目管理》、《营销管理和数字营销》与《沟通管理》三门斯蒂文斯理工学院工程管理硕士学分课程。在本科期间提前修读硕士学分，减轻工程管理硕士的学业负担。
</p>
</p> -->
<br />
<p>
斯蒂文斯理工学院官方唯一授权清控紫荆教育负责工程管理硕士保研项目在中国的招生与教学，详情请见斯蒂文斯理工学院官网项目说明：<a
斯蒂文斯理工学院官方唯一授权清控紫荆教育负责工程管理硕士保研项目在中国的招生与教学，详见斯蒂文斯理工学院官网项目说明：<a
href="https://www.stevens.edu/zijingpartnership"
style="color:#aa1941"
>https://www.stevens.edu/zijingpartnership</a
......
pages/returnPolicy/salary.vue
浏览文件 @ 76d45ab4
......@@ -5,17 +5,17 @@
工程管理专业是一门包含了工程和管理两个方面的交叉学科，一般是由工程学院和商学院联合授课，旨在拓展学生在商业、技术管理等方面的技能。
</p>
<p>&nbsp;</p>
<p>工程管理MEM就业前景</p>
<p class="title">工程管理MEM就业前景</p>
<p>
本专业学生毕业后可在工程、管理、科研和咨询等领域获得广阔的就业机会，能在制作业、服务业、公共事业、科研院所、政府部门和事业单位从事教学、科研、管理及设计开发工作。
</p>
<p>&nbsp;</p>
<p>1.精打细算的经济师</p>
<p class="title">1.精打细算的经济师</p>
<p>
MEM=工程+管理，旨在运用系统分析、工程设计、建模仿真等方法，改进效率、提高质量、降低成本，使项目最快、最经济地执行落地。
</p>
<p>&nbsp;</p>
<p>2.术业专攻的技术将才&mdash;&mdash;CTO</p>
<p class="title">2.术业专攻的技术将才&mdash;&mdash;CTO</p>
<p>CTO需要技术有前瞻性，对产业格局有判断，对管理有心得。</p>
<p>&nbsp;</p>
<p>
......@@ -24,53 +24,60 @@
<p>&nbsp;</p>
<p>而以上所提及的技能和能力，可通过领域方向课程和工程管理核心课程学得。</p>
<p>&nbsp;</p>
<p>3.挥斥方琼的掌舵帅才&mdash;&mdash;CEO</p>
<p class="title">3.挥斥方琼的掌舵帅才&mdash;&mdash;CEO</p>
<p>
与MEM相关性，其中的经典管理内容：如质量管理、生产管理、产品开发管理、过程管理、项目管理等，以及工程管理核心课程中的领导力、战略管理、市场营销等。驱动着一个项目单元乃至一个企业的命脉。
</p>
<p>&nbsp;</p>
<p>4.精益运维的全才&mdash;&mdash;COO</p>
<p class="title">4.精益运维的全才&mdash;&mdash;COO</p>
<p>
在某些公司中COO会同时兼任总裁，首席运营官是经总经理授权负责统管公司经营工作，建立统一的经营管理方针政策，行使对公司经营工作的指导、指挥、监督、管理的权力，并承担执行各项规章、工作指令的义务。
</p>
<p>&nbsp;</p>
<p>5.强矩阵组织架构中的项目总监&mdash;&mdash;PML</p>
<p class="title">5.强矩阵组织架构中的项目总监&mdash;&mdash;PML</p>
<p>
强调项目经理为核心角色的公司，就属于强矩阵的组织架构。在项目管理新潮流下，MEM助攻技术基层-项目经理-项目总监的成长路径，足够明晰。
</p>
<p>&nbsp;</p>
<p>6.把控产品战略和走向&mdash;&mdash;产品总监</p>
<p class="title">6.把控产品战略和走向&mdash;&mdash;产品总监</p>
<p>
如质量管理、生产管理、产品开发管理、过程管理、项目管理等，以及工程管理核心课程中的领导力、战略管理、市场营销等。也同样决定着产品的走向和全生命周期的形态。
</p>
<p>&nbsp;</p>
<p>7.科学严谨的工程师&mdash;&mdash;Engineer</p>
<p class="title">7.科学严谨的工程师&mdash;&mdash;Engineer</p>
<p>
整个工程的全过程所要涉及的各个环节，工程师都紧密的参与其中对工程的科学有效的管理如果缺少了这些知识作为底蕴，则很难&ldquo;驾驭&rdquo;一项完整的工程。
</p>
<p>&nbsp;</p>
<p>8.统筹全局的架构师&mdash;&mdash;chief software architect</p>
<p class="title">8.统筹全局的架构师&mdash;&mdash;chief software architect</p>
<p>
架构师，顾名思义，要负责整个系统的架构，尤其是涉及到一个系统（或子系统）全局的整体设计，所以往往需要高层、上层（high-level）的战略（strategic）层面的思考，这样就必然需要架构师经常进行建模（Modeling），对代码、模块、子系统和系统中的各种静态结构、关系和动态行为、交互等等进行抽象。
</p>
<p>&nbsp;</p>
<p>就业薪资水平</p>
<p class="title">就业薪资水平</p>
<p>
美国大学和雇主协会（National Association of Colleges and
Employers）发布了2021毕业生薪资最高的美国大学排名，美国大学毕业生薪资最高的十所院校中，斯蒂文斯理工学院位列第七位。
Employers）发布了2021毕业生薪资最高的美国大学排名，美国大学毕业生薪资最高的十所院校中，<span class="title"
>斯蒂文斯理工学院位列第七位</span
>。
</p>
<p>&nbsp;</p>
<p>U.S. News 综合大学排名: 83&nbsp;</p>
<p>起薪中位数: $67,000&nbsp;</p>
<p>2021-2022学费: $56,920</p>
<p>
斯蒂文斯理工学院坐落于新泽西州的霍博肯市，属于纽约大都会区，与世界500强企业聚集的纽约曼哈顿岛隔河相望，是世界上地理位置最佳的学校之一。USA
斯蒂文斯理工学院坐落于新泽西州的霍博肯市，属于纽约大都会区，<span class="title"
>与世界500强企业聚集的纽约曼哈顿岛隔河相望</span
>，是世界上地理位置最佳的学校之一。USA
Today将其评选全美TOP七工程学院之一。作为一所理工院校，自然非常重视工程，其是设计中心Maker
Center的所在地，其中包括3D打印、激光切割和焊接设施。该学院最受欢迎的专业是机械工程、工程管理、工商管理、计算机科学、计算机工程和化学工程，毕业生享有极高声誉。
</p>
<p>&nbsp;</p>
<p>
在就业方面，得益于SIT严格的的课程以及与实际生活中相结合的教育方式，学生可以在当今复杂多样、高技术性的市场中占据优势。根据数据显示，96%的斯蒂文斯大学毕业生在毕业后6个月内达到了他们预期薪水。
在就业方面，得益于SIT严格的的课程以及与实际生活中相结合的教育方式，学生可以在当今复杂多样、高技术性的市场中占据优势。根据数据显示，<span
class="title"
>96%的斯蒂文斯大学毕业生在毕业后6个月内达到了他们预期薪水</span
>。
</p>
<p>&nbsp;</p>
<p>
......@@ -112,4 +119,7 @@ export default {
p {
font-size: 20px;
}
.title {
font-weight: bold;
}
</style>
pages/school/school.vue 0 → 100644
浏览文件 @ 76d45ab4
<template>
<div :class="isMobile ? 'is-h5' : 'is-pc'">
<div class="banner">
<img class="img_banner" src="https://webapp-pub.ezijing.com/project/sit-plus/pc-index-banner.png" />
<div class="banner_con">
<div class="con_tit">斯蒂文斯理工学院简介</div>
<p class="con_desc">
斯蒂文斯理工学院创办于1870年，和麻省理工、加州理工、伦斯勒理工学院并称为美国四大理工学院，是美国历史最为悠久的理工学院之一。学校坐落于纽约大都会区新泽西州霍博肯市（Hoboken,
New Jersey），与曼哈顿岛隔河相望，是世界上地理位置最佳的学校之一。
</p>
<p class="con_desc">
斯蒂文斯理工学院是一所在美国的教育和研究领域中位居前沿的理工类大学，长年位列U.S. News & World
Report全美Top100。该校的教授和学者在自然科学及管理科学领域享有盛誉，培养了诺贝尔物理学奖得主费瑞得瑞恩(Frederick
Reines)、诺贝尔化学奖得主欧文朗缪尔（Irving Langmuir）、现代管理学之父弗雷德里克泰勒（Frederick Winslow
Taylor）以及甘特图的发明者亨利甘特（Henry Laurence
Gantt）等杰出人才。该校毕业生享有极高声誉，在NACE全美大学最高薪酬排行中位列第7位，在二十年投资回报比中位列第三位，USA
Today将其评选为全美最佳七所工程学院之一。
</p>
</div>
</div>
<section class="section">
<!-- <div class="swiper-content1" @mouseenter="swiperStop1" @mouseleave="swiperStart1"> -->
<div class="swiper-content1">
<!-- <div v-swiper:mySwiper1="swiperOption1" ref="mySwiper1"> -->
<div class="swiper-wrapper">
<div class="swiper-slide" v-for="(item, index) in videoData" :key="index">
<video controls :poster="item.img">
<source :src="item.web_img_uri" type="video/mp4" />
</video>
</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">
<p v-html="it"></p>
</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: [
{
img: 'https://webapp-pub.ezijing.com/project/sit-plus/video_sit1.png',
web_img_uri:
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/sit-plus/SIT%E9%A1%B9%E7%9B%AE%E7%AB%991.mp4'
},
{
img: 'https://webapp-pub.ezijing.com/project/sit-plus/video_sit2.png',
web_img_uri:
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/sit-plus/SIT%E9%A1%B9%E7%9B%AE%E7%AB%992.mp4'
},
{
img: 'https://webapp-pub.ezijing.com/project/sit-plus/video_sit3.png',
web_img_uri:
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/sit-plus/SIT%E9%A1%B9%E7%9B%AE%E7%AB%993.mp4'
}
],
listData: [
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/sit-plus/school_lg1.png' },
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/sit-plus/school_lg2.png' },
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/sit-plus/school_lg3.png' },
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/sit-plus/school_lg4.png' },
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/sit-plus/school_lg5.png' },
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/sit-plus/school_lg6.png' }
],
swiperOption: {
observer: true,
observeParents: true,
speed: 400,
autoplay: true,
delay: 3000,
loop: true,
slidesPerView: 'auto',
centeredSlides: true,
spaceBetween: 10,
on: {
init() {
_this.swiper.slideNext()
}
}
},
// swiperOption1: {
// observer: true,
// observeParents: true,
// speed: 400,
// autoplay: true,
// delay: 3000,
// loop: true,
// slidesPerView: 'auto',
// centeredSlides: true,
// // spaceBetween: 1,
// on: {
// init() {
// _this.swiper1.slideNext()
// }
// }
// },
teacherList: [
{
img: 'https://webapp-pub.ezijing.com/project/sit-plus/school-intro-teacher1.png',
tit: 'Carlo Lipizzi',
desc: ['副教授 & 项目负责人', '斯蒂文斯理工学院博士']
},
{
img: 'https://webapp-pub.ezijing.com/project/sit-plus/school-intro-teacher2.png',
tit: 'Yehia Massoud',
desc: ['教授、学院院长', 'IEEE 电气与电子工程师协会院士', '麻省理工学院博士']
},
{
img: 'https://webapp-pub.ezijing.com/project/sit-plus/school-intro-teacher3.png',
tit: 'Roshanak Nilchiani',
desc: ['副教授', '麻省理工学院博士']
},
{
img: 'https://webapp-pub.ezijing.com/project/sit-plus/school-intro-teacher4.png',
tit: 'Kathryn Abel',
desc: ['副教授', '斯蒂文斯理工学院博士']
}
],
alumnusList: [
{
img: 'https://webapp-pub.ezijing.com/project/sit-plus/school-intro-academic1.png',
tit: 'Leon Febres Cordero',
desc: ['厄瓜多尔总统']
},
{
img: 'https://webapp-pub.ezijing.com/project/sit-plus/school-intro-academic2.png',
tit: 'Charles Stewart Mott',
desc: ['美国通用汽车公司<br/>联合创始人']
},
{
img: 'https://webapp-pub.ezijing.com/project/sit-plus/school-intro-academic3.png',
tit: 'Frederick Reines',
desc: ['诺贝尔物理学奖']
},
{
img: 'https://webapp-pub.ezijing.com/project/sit-plus/school-intro-academic4.png',
tit: 'Lrving Langmuir',
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>
.is-pc {
.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;
margin-left: 60px;
.swiper-slide {
width: 360px;
height: 574px;
video {
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: 260px;
display: flex;
flex-direction: column;
.item_img {
width: 260px;
height: 310px;
object-fit: cover;
}
.item_bottom {
padding: 24px 10px 0 10px;
.img_tit {
font-size: 18px;
font-weight: 500;
color: #424242;
}
.item_desc {
margin-top: 20px;
li {
white-space: nowrap;
font-size: 16px;
font-weight: 400;
color: #666666;
line-height: 1.5;
}
}
}
}
.teacher_item1 {
width: 260px;
display: flex;
flex-direction: column;
align-items: center;
.item_img {
width: 260px;
height: 310px;
object-fit: cover;
}
.item_bottom {
width: 260px;
height: 100px;
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;
}
}
}
.is-h5 {
.banner {
position: relative;
.img_banner {
width: 100%;
height: 100%;
}
.banner_con {
padding: 0.23rem 0.3rem;
.con_tit {
font-size: 0.14rem;
color: #424242;
font-weight: bold;
}
.con_desc {
font-size: 0.12rem;
font-weight: 300;
color: #424242;
margin-top: 0.16rem;
line-height: 2;
}
}
}
.section {
.swiper-content1 {
overflow-x: auto;
.swiper-slide {
width: 3.3rem;
height: 4.58rem;
video {
height: 100%;
line-height: 100%;
}
}
}
.section_title {
font-size: 0.14rem;
font-weight: bold;
color: #424242;
padding-left: 0.16rem;
margin-top: 0.23rem;
}
.section_teacher {
display: flex;
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;
}
}
}
}
.teacher_item1 {
width: 1.85rem;
display: flex;
flex-direction: column;
align-items: center;
margin-right: 0.15rem;
.item_img {
width: 1.85rem;
height: 1.8rem;
}
.item_bottom {
width: 1.85rem;
height: 0.7rem;
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 {
padding-left: 0.16rem;
margin-top: 0.23rem;
.tit_desc {
font-size: 0.14rem;
font-weight: bold;
color: #424242;
}
}
.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>
pages/school/school1.vue deleted 100644 → 0
浏览文件 @ 761fd944
<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
浏览文件 @ 761fd944
<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
浏览文件 @ 761fd944
<template>
<div>
<div v-if="!isMobile" class="is-pc">
<div class="banner">
<img class="img_banner" src="https://webapp-pub.ezijing.com/project/sit-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">
斯蒂文斯理工学院创办于1870年，和麻省理工、加州理工、伦斯勒理工学院并称为美国四大理工学院，是美国历史最为悠久的理工学院之一。学校坐落于纽约大都会区新泽西州霍博肯市。<br/><br/>
斯蒂文斯理工学院是一所在美国的教育和研究领域中位居前沿的理工类大学，长年位列U.S. News & World
Report全美Top100。该校的教授和学者在自然科学及管理科学领域享有盛誉，培养出了诺贝尔物理学奖获得者费瑞得•瑞恩、诺贝尔化学奖得主欧文•朗缪尔、现代管理学之父弗雷德里克•温斯洛•泰勒等杰出人才。<br/><br/>
斯蒂文斯理工学院下设四大学院，提供35个本科、58个硕士及20个博士学位专业。该校毕业生享有极高声誉，在PayScale全美大学最高薪酬排行中位列第15位，在二十年投资回报比中位列第三位，USA
Today将其评选为全美最佳七所工程学院之一。
</p>
</div>
</div>
<img class="content_right" src="https://webapp-pub.ezijing.com/project/sit-plus/pc-school-img1.png" />
</div>
<!-- 专业介绍 -->
<div class="content_part">
<div class="img-box" style="height:600px">
<img class="img2" src="https://webapp-pub.ezijing.com/project/sit-plus/pc-school-img2.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">工程管理硕士项目:</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>
<!-- 学制安排 -->
<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">3</span><span class="fen fen1">门课</span><span class="num">9</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_child">
<div class="desc_detail">
<span class="num">7</span><span class="fen fen1">门课</span><span class="num">21</span
><span class="fen">学分</span>
</div>
<div class="desc_tit">国外授课</div>
</div>
</div>
</div>
<div class="content_part">
<img src="https://webapp-pub.ezijing.com/project/sit-plus/pc-school-img3.png" alt="">
</div>
<!-- 院校荣誉 -->
<img class="img4" src="https://webapp-pub.ezijing.com/project/sit-plus/pc-school-img4.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/sit-plus/pc-school-img5.png" />
<div class="course-set-tips">
注：根据学校培养计划，课程安排可能有所调整<br/>&nbsp;&nbsp;&nbsp;&nbsp;
*选修学分课，学生可根据个人兴趣及职业规划选择其他课程</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">3</span><span class="fen fen1">门课</span><span class="num">9</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">7</span><span class="fen fen1">门课</span><span class="num">21</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: 'GRE/GMAT',
desc: '无GRE/GMAT成绩的申请者入学后须参加GRE替代课程并考试合格',
tips: ''
},
{
img: 'https://webapp-pub.ezijing.com/project/cbu-plus/apply_step2.png',
tit: '语言',
desc:
'托福≥74分 或 雅思≥6.0 或 多邻国≥100分<br/>未达到上述语言成绩要求的申请者，入学后须参加英语强化课程并考试合格',
tips: ''
},
{
img: 'https://webapp-pub.ezijing.com/project/cbu-plus/apply_step3.png',
tit: 'GPA',
desc: 'GPA大于3.0<br/>经审核具有研究生学习潜力的优秀学生',
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: #666666;
margin-top: 25px;
}
}
.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 32px 0 41px;
width: 380px;
height: 483px;
opacity: 1;
background-color: #fff;
.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;
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/sit-plus/pc-school-img11.png');
}
.img6 {
background: url('https://webapp-pub.ezijing.com/project/sit-plus/pc-school-img22.png');
}
.img7 {
background: url('https://webapp-pub.ezijing.com/project/sit-plus/pc-school-img33.png');
}
.img8 {
background: url('https://webapp-pub.ezijing.com/project/sit-plus/pc-school-img44.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 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论