Skip to content

P
project-online-pc
提交 b4966644 authored 作者: lhh's avatar lhh
浏览文件
操作

update

上级 824b8635
隐藏空白字符变更
内嵌 并排
正在显示 包含 322 行增加 和 674 行删除
pages/about/school.vue
浏览文件 @ b4966644
<template>
<div>
<div v-if="!isMobile" class="is-pc">
<div class="banner">
<img class="img_banner" src="https://webapp-pub.ezijing.com/project/xmn/school_banner.png?v=1" />
<div class="banner">
<img class="img_banner" src="https://webapp-pub.ezijing.com/project/xmn-plus/project_banner.png" />
</div>
<section class="section">
<h2 class="title">项目介绍</h2>
<div class="info">
<img src="https://webapp-pub.ezijing.com/project/xmn-plus/project_desc.png" class="project-info__img" />
<p>
该项目是美国帕克大学硕士项目的特别录取通道。项目通过对学生的综合素质进行全面个性化评估，鼓励学生以增强综合能力替代应试，减少研究生入学考试以及英语考试对学生学习和成长的干扰。
</p>
<br />
<p>该项目由美国帕克大学硕士项目中国中心（清控紫荆教育）负责招生和运营，详情请见美国帕克大学官网项目说明。</p>
</div>
<section class="section">
<h2 class="title">项目介绍</h2>
<div class="content_list">
<div class="pro-js">
<p>
该项目是美国帕克大学硕士项目的特别录取通道。项目通过对学生的综合素质进行全面个性化评估，鼓励学生以增强综合能力替代应试，减少研究生入学考试以及英语考试对学生学习和成长的干扰。<br/>
该项目由美国帕克大学硕士项目中国中心（清控紫荆教育）负责招生和运营，详情请见美国帕克大学官网项目说明。
</p>
<img src="https://webapp-pub.ezijing.com/project/xmn/xmjs-img1.png" />
</div>
<!-- <br />
<p>
斯蒂文斯理工学院官方唯一授权清控紫荆教育负责工程管理硕士保研项目在中国的招生与教学，详见斯蒂文斯理工学院官网项目说明：<a
href="https://www.stevens.edu/zijingpartnership"
style="color: #aa1941"
>https://www.stevens.edu/zijingpartnership</a
>
</p> -->
</section>
<section class="section">
<h2 class="title">项目优势</h2>
<div class="q-list">
<div class="q-list_title">■ 推荐免试（免托福/GRE/GMAT）</div>
<div class="q-list_content">
通过学习美国帕克大学中国中心提供的英语强化课程，可免试托福，避免因单方面成绩阻碍学生继续学习深造的情况。
</div>
</section>
<!-- 项目特点 -->
<section class="section">
<h2 class="title">项目优势</h2>
<div class="content_list">
<p>
<b>■ 推荐免试（免托福/GRE/GMAT）</b><br />
通过学习美国帕克大学中国中心提供的英语强化课程，可免试托福，避免因单方面成绩阻碍学生继续学习深造的情况。<br />
<b>■ 校方直招（美国帕克大学硕士项目中国中心直招）</b><br />
向校方申请，报名材料与面试审核通过后，将收到帕克大学（park.edu）官方录取，就读硕士学位。<br />
<b>■ 超高性价比留学项目</b><br />国内、国外学费不超过18万人民币。
</p>
<div class="q-list_title">■ 校方直招（美国帕克大学硕士项目中国中心直招）</div>
<div class="q-list_content">
向校方申请，报名材料与面试审核通过后，将收到帕克大学（park.edu）官方录取，就读硕士学位。
</div>
</section>
<!-- 培养目标 -->
<section class="section">
<div class="q-list_title">■ 超高性价比留学项目</div>
<div class="q-list_content">国内、国外学费不超过18万人民币。</div>
</div>
</section>
<section class="section project-target">
<div class="project-target__content">
<h2 class="title">培养目标</h2>
<div class="content_list">
<div class="info">
<p><b>工商管理硕士</b></p>
<p>
<b>工商管理硕士</b><br />
工商管理专业主要培养学生掌握现代企业管理理论、方法和技能，具备解决企业实际问题的能力，以适应现代商业环境的需求。帕克大学工商管理专业硕士毕业生可以在各类企事业单位、金融机构、政府部门等多个领域与制造业、金融业、零售业、咨询服务业等多个行业利用所学的管理知识和技能，参与组织的运营和管理。
</p>
</div>
</section>
<!-- 培养目标 -->
<section class="section">
</div>
</section>
<section class="section project-target">
<div class="project-target__content">
<h2 class="title">招生对象</h2>
<div class="content_list">
<p>在读大专三年级或者具有大专学历的学生。</p>
</div>
</section>
<!-- 申请要求 -->
<section class="section">
<h2 class="title">录取条件</h2>
<div class="content_list">
<ul>
<li>
<p>身心健康，品学端正。</p>
</li>
<li>
<p>学校推荐，面试录取。</p>
</li>
<li>
<p>英语：面试合格，可免托福和GRE/GMAT。</p>
</li>
</ul>
<div class="info">
<p>在读本科四年级或者具有本科学历学位学生。</p>
</div>
</section>
<!-- 学习安排 -->
<section class="section">
<h2 class="title">学习安排</h2>
<div class="content_list">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/xmn-plus/study_arrange.png" />
<!-- <p>该保研项目总体教学安排为20周，开学时间一般在每年12月中旬。</p> -->
<p>注:以上学习安排可能会根据实际情况略有调整。</p>
</div>
</section>
<!-- 学制安排 -->
<section class="section" v-if="false">
<h2 class="title">学制安排</h2>
<div class="content_part">
<div class="img5 img55">
<div class="mask"></div>
<div class="desc desc_child">
<div class="desc_tit">学制安排</div>
<div class="desc_detail">
<span class="num">国内+国外</span>
</div>
</div>
</div>
<div class="img6 img55">
<div class="mask"></div>
<div class="desc desc_child">
<div class="desc_tit">学分设置</div>
<div class="desc_detail">
<span class="num">36</span>
<span class="fen">学分</span>
</div>
</div>
</div>
<div class="img7 img55">
<div class="mask"></div>
<div class="desc desc_child">
<div class="desc_tit">国内授课</div>
<div class="desc_detail">
<div class="desc_detail_item">
<span class="fen">专升本课程</span>
<span class="num fen1">10</span><span class="fen fen1">门</span><span class="num fen1">30</span
><span class="fen fen1">学分</span>
</div>
<div class="desc_detail_item">
<span class="fen">硕士学分课</span>
<span class="num fen1">4</span><span class="fen fen1">门</span><span class="num fen1">12</span
><span class="fen fen1">学分</span>
</div>
</div>
</div>
</div>
<div class="img8 img55">
<div class="mask"></div>
<div class="desc desc_child">
<div class="desc_tit">国外授课</div>
<div class="desc_detail">
<span class="fen">硕士学分课</span>
<span class="num fen1">8</span><span class="fen fen1">门</span><span class="num fen1">24</span
><span class="fen fen1">学分</span>
</div>
</div>
</div>
</div>
</section>
<div class="content_part">
<img src="https://webapp-pub.ezijing.com/project/xmn/pc-school-img3.png?v=1" class="part_img" />
</div>
<!-- 院校荣誉 -->
<img class="img4" src="https://webapp-pub.ezijing.com/project/xmn/pc-school-img4.png?v=2" />
<!-- 课程设置 -->
</div>
<div v-else class="is-h5">
<div class="banner">
<img class="img_banner" src="https://webapp-pub.ezijing.com/project/xmn/school_banner.png" width="100%" />
</section>
<!-- 申请要求 -->
<section class="section">
<h2 class="title">录取条件</h2>
<ul class="project-content-list">
<li>身心健康，品学端正。</li>
<li>学校推荐，面试录取。</li>
<li>英语：面试合格，可免托福和GRE/GMAT。</li>
</ul>
</section>
<!-- 学习安排 -->
<section class="section">
<h2 class="title">学习安排</h2>
<div class="content_list">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/xmn-plus/study_arrange.png" />
<!-- <p>该保研项目总体教学安排为20周，开学时间一般在每年12月中旬。</p> -->
<p>注:以上学习安排可能会根据实际情况略有调整。</p>
</div>
<div class="h5-content">
<div class="h5-title">项目介绍</div>
<p>
该项目是美国帕克大学硕士项目的特别录取通道。项目通过对学生的综合素质进行全面个性化评估，鼓励学生以增强综合能力替代应试，减少研究生入学考试以及英语考试对学生学习和成长的干扰。
</p>
<br />
<p>
该项目由美国帕克大学硕士项目中国中心（清控紫荆教育）负责招生和运营，详情请见美国帕克大学官网项目说明。
</p>
<div class="h5-title m-t-10">培养目标</div>
<img src="https://webapp-pub.ezijing.com/project/xmn/h5-school-img2.png" />
<p class="h5-con">
<!-- <span style="color:#424242 !important;font-weight:bold !important"
>● 工程管理硕士（Master of Engineering in Engineering
Management）</span
> -->
全球化背景下，所有行业都亟需国际化、产业化、科技化的复合型人才和领袖。<br />
工程管理硕士（MEM）全称是Master of Engineering in Engineering
Management，属于美国STEM类别前沿专业。是工程学院和商学院共同开设的交叉复合型学科，美国帕克大学硕士项目是全球第一个推出MEM项目的大学。该项目旨在培养既懂技术又懂经济管理，既能从事经济管理领域中的技术性工作，又能从事工程技术领域的经济管理工作的复合型、应用型的工程管理高层次专门人才。<br />
该专业毕业生通常在宝马、奔驰、微软等全球知名科技企业做技术管理工作，或在高盛等投行、咨询公司任职，特别适合将来有志于从事技术管理或者金融行业的同学。
</p>
<div class="h5-title m-t-10">申请条件</div>
<div class="h5-list">
<ul>
<li>
<p>原则要求 GPA3.0 以上</p>
</li>
<li>
<p>英语能力优异</p>
</li>
<li>
<p>综合素质优异（如学术、获奖经历等）</p>
</li>
</ul>
</div>
<div class="h5-title m-t-10">学习安排</div>
<img src="https://webapp-pub.ezijing.com/project/xmn/study_arrange.png" alt="" />
<!-- <div class="list_desc">
该保研项目总体教学安排为20周，开学时间一般在每年12月中旬。
</div> -->
<div class="list_desc">注意：该学习安排可能会根据学校安排有所调整，以最终的邮件通知为准</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_tit">学制安排</div>
<div class="desc_detail"><span class="num">国内+国外</span><span class="fen"></span></div>
</div>
</div>
<div class="xz-item xz2">
<div class="mask"></div>
<div class="desc desc_child">
<div class="desc_tit">学分设置</div>
<div class="desc_detail"><span class="num">30</span><span class="fen">学分</span></div>
</div>
</div>
<div class="xz-item xz3">
<div class="mask"></div>
<div class="desc desc_child">
<div class="desc_tit">国内授课</div>
<div class="desc_detail">
<div class="desc_detail_item">
<span class="fen fen2">语言强化课程&nbsp;</span><span class="num">4</span
><span class="fen fen1">门</span>
</div>
<div class="desc_detail_item">
<span class="fen fen2">科研训练课&nbsp;&nbsp;&nbsp;</span><span class="num">6</span
><span class="fen fen1">个主题</span>
</div>
<div class="desc_detail_item">
<span class="fen fen1">硕士学分课&nbsp;&nbsp</span>
<span class="num">3</span><span class="fen fen1">门</span><span class="num">9</span
><span class="fen fen1">学分</span>
</div>
</div>
</div>
</div>
<div class="xz-item xz4">
<div class="mask"></div>
<div class="desc desc_child">
<div class="desc_tit">国外授课</div>
<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>
</section>
<!-- 学制安排 -->
<section class="section" v-if="false">
<h2 class="title">学制安排</h2>
<div class="schedule-list">
<div class="schedule-item" v-for="(item, index) in scheduleList" :key="index">
<img :src="item.image_url" class="schedule-item__img" />
<div class="schedule-item-main">
<h3 class="schedule-item-main__title">{{ item.title }}</h3>
<div class="schedule-item-main__content">
<div v-html="item.desc"></div>
</div>
</div>
</div>
<div class="h5-title m-t-10">国际权威认证</div>
<div class="h5-course-set">
<img src="https://webapp-pub.ezijing.com/project/xmn/h5-school-img6.png" style="margin-bottom: 0.3rem" />
</div>
<img src="https://webapp-pub.ezijing.com/project/xmn/h5-school-img7.png" style="margin: 0.25rem 0" />
<!-- <div class="h5-title m-t-10">课程设置</div> -->
<!-- <div class="h5-course-set">
<img
src="https://webapp-pub.ezijing.com/project/xmn/h5-school-img8.png"
style="margin-bottom:0.3rem"
/>
<div class="course-set-tips">
注：根据学校培养计划，课程安排可能有所调整<br />&nbsp;&nbsp;&nbsp;&nbsp;
*选修学分课，学生可根据个人兴趣及职业规划选择其他课程
</div>
</section>
<section class="section">
<h2 class="title">国际权威认证</h2>
<div class="cert-list">
<div class="cert-item" v-for="(item, index) in certList" :key="index">
<div class="cert-item-img">
<img :src="item.image_url" class="cert-item__img" />
</div>
</div> -->
<p v-html="item.title"></p>
</div>
</div>
</div>
</section>
<!-- 院校荣誉 -->
<img
src="https://webapp-pub.ezijing.com/project/xmn-plus/h5/project_honor.png"
style="width: 100%"
v-if="isMobile"
/>
<img
src="https://webapp-pub.ezijing.com/project/xmn-plus/project_honor.png"
style="width: 100%; min-width: 1200px"
v-else
/>
</div>
</template>
<script>
......@@ -277,121 +110,49 @@ 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: 'GPA',
desc: 'GPA不低于3.0<br/>经审核具有研究生学习潜力的优秀学生',
tips: ''
},
{
img: 'https://webapp-pub.ezijing.com/project/cbu-plus/apply_step2.png',
tit: '语言',
desc: '托福≥74分 或 雅思≥6.0 或 Duolingo≥100分<br/>未达到上述语言成绩要求的申请者，入学后须参加英语强化课程并考试合格',
tips: ''
},
{
img: 'https://webapp-pub.ezijing.com/project/cbu-plus/apply_step1.png',
tit: 'GRE/GMAT',
desc: '申请者需提交GRE/GMAT成绩进行综合考评<br/>无GRE/GMAT成绩的申请者入学后须参加GRE替代课程并考试合格',
tips: ''
}
],
courseSetTab: 0,
popupVisible: false,
listData: [
{
web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/school_mary1.png'
},
scheduleList: [
{
web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/school_mary2.png'
title: '学制安排',
desc: '<b>国内+国外</b>',
image_url: 'https://webapp-pub.ezijing.com/project/xmn-plus/pc-school-img11.png'
},
{
web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/school_mary3.png'
title: '学分设置',
desc: '<b>36</b>学分',
image_url: 'https://webapp-pub.ezijing.com/project/xmn-plus/pc-school-img22.png'
},
{
web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/school_mary4.png'
title: '语言强化课',
desc: '硕士学分课<b>3</b>门<b>9</b>学分',
image_url: 'https://webapp-pub.ezijing.com/project/xmn-plus/pc-school-img33.png'
},
{
web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/school_mary5.png'
title: '国外授课',
desc: '硕士学分课<b>9</b>门课<b>27</b>学分',
image_url: 'https://webapp-pub.ezijing.com/project/xmn-plus/pc-school-img44.png'
}
],
listDataH5: [
{
web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/h5/school-bimg1.png'
},
certList: [
{
web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/h5/school-bimg2.png'
image_url: 'https://webapp-pub.ezijing.com/project/xmn-plus/project_cert_1.png',
title: '美国高等教育<br/>委员会认证'
},
{
web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/h5/school-bimg3.png'
image_url: 'https://webapp-pub.ezijing.com/project/xmn-plus/project_cert_2.png',
title: '中国教育部涉外<br/>监管信息网认证'
},
{
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()
}
image_url: 'https://webapp-pub.ezijing.com/project/xmn-plus/project_cert_3.png',
title: '美国商学院与项目认证<br/>委员会认证'
}
},
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>
......@@ -407,9 +168,10 @@ export default {
.section {
max-width: 1200px;
margin: 60px auto;
overflow: hidden;
.title {
position: relative;
margin: 20px 0;
margin-bottom: 30px;
padding-left: 20px;
height: 32px;
font-size: 32px;
......@@ -417,372 +179,258 @@ export default {
font-weight: 700;
border-left: 7px solid #aa1941;
}
.content_list {
margin-top: 20px;
img {
width: 100%;
}
ul {
// padding-left: 0.2rem;
li {
// list-style-type: disc;
// color: #aa1941;
p {
color: #666666 !important;
}
p + p {
margin-top: 20px;
}
}
}
h4 {
font-size: 20px;
line-height: 2;
}
.info {
p {
font-size: 20px;
font-size: 16px;
line-height: 2;
color: #666666;
color: #424242;
}
}
.content_part {
.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: 67px auto;
text-align: center;
.desc_tit {
font-size: 30px;
font-weight: 500;
color: #ffffff;
}
.desc_detail {
color: #ffffff;
margin-top: 70px;
.num {
font-size: 26px;
font-weight: bold;
}
.fen {
font-size: 20px;
font-weight: 400;
padding-top: 20px;
}
.fen1 {
padding-right: 5px;
}
.desc_detail_item {
margin: 8px 0 0 38px;
text-align: left;
}
}
}
}
.img55 {
.mask {
opacity: 1;
background: rgba(0, 0, 0, 0.7);
}
.desc {
transform: translateY(-30px);
}
.desc .desc_detail {
visibility: visible;
}
}
.img5 {
background: url('https://webapp-pub.ezijing.com/project/xmn/pc-school-img11.png');
}
.img6 {
background: url('https://webapp-pub.ezijing.com/project/xmn/pc-school-img22.png');
}
.img7 {
background: url('https://webapp-pub.ezijing.com/project/xmn/pc-school-img33.png');
}
.img8 {
background: url('https://webapp-pub.ezijing.com/project/xmn/pc-school-img44.png');
}
.project-info__img {
float: right;
margin-left: 60px;
margin-top: -100px;
}
.project-target {
display: flex;
column-gap: 40px;
}
.project-content-list {
margin-top: 40px;
padding-left: 20px;
li {
font-size: 16px;
line-height: 40px;
color: #424242;
list-style-type: disc;
&::marker {
color: #aa1941;
}
}
}
.content_part {
width: 1200px;
margin: 20px auto;
.schedule-list {
display: grid;
column-gap: 20px;
grid-template-columns: repeat(4, 1fr);
}
.schedule-item {
position: relative;
}
.schedule-item-main {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
// background: rgba(0, 0, 0, 0.7);
color: #fff;
padding: 60px 0 20px;
display: flex;
.part_img {
width: 100%;
}
.content_desc {
width: 546px;
margin: 67px auto;
.desc_title {
padding-left: 20px;
font-size: 32px;
line-height: 1;
font-weight: 700;
border-left: 7px solid #aa1941;
}
.desc_intro {
font-size: 16px;
font-weight: 300;
color: #424242;
line-height: 2;
margin-top: 20px;
text-align: left;
}
flex-direction: column;
}
.schedule-item-main__title {
font-size: 24px;
font-weight: 500;
text-align: center;
}
.schedule-item-main__content {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
line-height: 32px;
text-align: center;
::v-deep b {
font-size: 28px;
}
.img-box {
position: relative;
}
.cert-list {
display: flex;
justify-content: center;
column-gap: 100px;
background-color: #fff;
padding: 30px;
}
.cert-item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 360px;
height: 338px;
border: 1px solid #c9c9c9;
border-radius: 4px 4px 4px 4px;
background-color: #fff;
padding: 30px;
.cert-item-img {
flex: 1;
.img2 {
width: 956px;
position: absolute;
top: 0;
right: 60px;
}
display: flex;
align-items: center;
justify-content: center;
}
p {
font-size: 20px;
color: #333333;
text-align: center;
}
}
.img4 {
width: 100%;
height: 100%;
margin: 68px 0;
}
}
.is-h5 {
.content_list{
img{
width: 100%;
}
}
.banner {
img {
width: 100%;
display: block;
width: 100%;
height: 1.15rem;
object-fit: cover;
}
}
.list_desc {
font-size: 0.12rem;
font-weight: 300;
line-height: 2;
color: #666666;
}
.h5-course-set {
background: #fff;
padding: 0.2rem 0.12rem;
margin-bottom: 0.28rem;
.course-set-tips {
font-size: 0.11rem;
font-family: Source Han Sans CN;
font-weight: 400;
line-height: 2;
color: #666666;
.section {
margin: 0 0.15rem;
.title {
font-size: 0.16rem;
font-weight: bold;
line-height: 1;
color: #333;
padding-left: 0.1rem;
margin: 0.3rem 0 0.2rem;
border-left: 0.04rem solid #aa1941;
}
.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;
}
.info {
p {
font-size: 0.12rem;
line-height: 0.18rem;
color: #666;
}
}
}
.h5-content {
padding: 0 0.15rem;
img {
width: 100%;
display: block;
margin-bottom: 0.15rem;
}
p {
.project-info__img {
display: none;
}
.project-target__img {
margin-top: 0.3rem;
width: 100%;
}
.project-content-list {
li {
font-size: 0.12rem;
font-weight: 300;
line-height: 2;
line-height: 0.18rem;
color: #424242;
}
p + p {
margin-top: 0.1rem;
}
.h5-title {
font-size: 0.14rem;
font-weight: bold;
color: #424242;
line-height: 0.36rem;
&.m-t-10 {
margin-top: 0.1rem;
}
}
.h5-con {
font-size: 0.12rem;
font-weight: 300;
line-height: 0.2rem;
color: #424242;
}
.schedule-list {
overflow-x: auto;
overflow-y: hidden;
display: flex;
column-gap: 0.1rem;
}
.schedule-item {
flex: 0 0 1.46rem;
height: 1.72rem;
position: relative;
}
.schedule-item__img {
width: 100%;
height: 100%;
object-fit: cover;
}
.schedule-item-main {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.7);
color: #fff;
padding: 0.3rem 0 0.2rem;
display: flex;
flex-direction: column;
}
.schedule-item-main__title {
font-size: 0.12rem;
font-weight: 500;
text-align: center;
}
.schedule-item-main__content {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
font-size: 0.09rem;
line-height: 0.18rem;
text-align: center;
::v-deep b {
font-size: 0.15rem;
}
.h5-list {
}
.cert-list {
display: flex;
justify-content: space-between;
background-color: #fff;
padding: 0.2rem;
margin-bottom: 0.4rem;
}
.cert-item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
flex: 0 0 1rem;
height: 1.18rem;
border: 1px solid #c9c9c9;
border-radius: 4px 4px 4px 4px;
background-color: #fff;
padding: 0.1rem;
.cert-item-img {
flex: 1;
display: flex;
// justify-content: center;
// align-items: center;
flex-direction: column;
ul {
padding: 0.2rem;
li {
list-style-type: disc;
color: #aa1941;
p {
color: #666666 !important;
}
}
}
align-items: center;
justify-content: center;
height: 0.6rem;
img {
margin-top: 0.1rem;
// width: 1.08rem;
// height: 1.4rem;
// display: block;
max-width: 100%;
max-height: 100%;
}
}
.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.13rem;
}
.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.2rem;
font-weight: 500;
color: #ffffff;
}
.desc_detail {
color: #ffffff;
white-space: nowrap;
margin-top: 0.35rem;
.num {
font-size: 0.15rem;
font-weight: bold;
}
.fen {
font-size: 0.1rem;
font-weight: 400;
}
.desc_detail_item {
margin-top: 0.04rem;
white-space: nowrap;
text-align: left;
padding-left: 0.05rem;
}
}
}
}
.xz1 {
background: url('https://webapp-pub.ezijing.com/project/xmn/pc-school-img11.png');
}
.xz2 {
background: url('https://webapp-pub.ezijing.com/project/xmn/pc-school-img22.png');
}
.xz3 {
background: url('https://webapp-pub.ezijing.com/project/xmn/pc-school-img33.png');
}
.xz4 {
background: url('https://webapp-pub.ezijing.com/project/xmn/pc-school-img44.png');
}
}
}
.swiper-content {
padding-bottom: 0.5rem;
p {
font-size: 0.1rem;
color: #333333;
text-align: center;
}
}
}
::v-deep {
.swiper-pagination-bullet-active {
background: #fff;
.q-list {
.q-list_title {
color: #424242;
font-size: 16px;
font-weight: bold;
}
.q-list_content {
color: #424242;
font-size: 16px;
line-height: 30px;
margin: 10px 0;
}
}
.pro-js {
.chart-box {
display: flex;
justify-content: space-between;
p {
width: 542px;
}
img {
width: 596px !important;
.chart-item {
.chart-item_title {
font-size: 16px;
font-weight: bold;
color: #424242;
line-height: 24px;
margin-bottom: 17px;
margin-top: 10px;
}
}
}
</style>
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论