Skip to content

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

cbu_online优化

上级 4d841edb
隐藏空白字符变更
内嵌 并排
正在显示 包含 248 行增加 和 479 行删除
components/base/h5/Menu.vue
浏览文件 @ 144bacde
...@@ -30,10 +30,10 @@ export default { ...@@ -30,10 +30,10 @@ export default {
// // { name: '师资介绍', path: '/about/teacher' } // // { name: '师资介绍', path: '/about/teacher' }
// ] // ]
// }, // },
// { {
// name: '学历认证', name: '学位获得',
// path: '/academic/academic' path: '/academic/academic'
// }, },
{ {
name: '报名流程', name: '报名流程',
children: [ children: [
...@@ -45,6 +45,7 @@ export default { ...@@ -45,6 +45,7 @@ export default {
name: '资料下载', name: '资料下载',
path: '/dataDownload/dataDownload' path: '/dataDownload/dataDownload'
}, },
// { // {
// name: '归国政策', // name: '归国政策',
// path: '/returnPolicy/returnPolicy' // path: '/returnPolicy/returnPolicy'
......
components/layout/pc/Menu.vue
浏览文件 @ 144bacde
...@@ -91,10 +91,10 @@ export default { ...@@ -91,10 +91,10 @@ export default {
}, },
// 学历认证 // 学历认证
// { {
// name: this.$t('menu.academic'), name: this.$t('menu.academic'),
// path: '/academic/academic' path: '/academic/academic'
// }, },
// 报名流程 // 报名流程
{ {
name: this.$t('menu.enroll'), name: this.$t('menu.enroll'),
......
langs/zh-CN.js
浏览文件 @ 144bacde
...@@ -9,7 +9,7 @@ export default { ...@@ -9,7 +9,7 @@ export default {
school: '院校介绍', school: '院校介绍',
recruit: '招生信息', recruit: '招生信息',
alumni: '校友风采', alumni: '校友风采',
academic: '学历认证', academic: '学位获得',
enroll: '报名流程', enroll: '报名流程',
dataDownload: '资料下载', dataDownload: '资料下载',
returnPolicy: '归国政策', returnPolicy: '归国政策',
......
pages/about/school.vue
浏览文件 @ 144bacde
...@@ -4,6 +4,7 @@ ...@@ -4,6 +4,7 @@
<div class="banner"> <div class="banner">
<img class="img_banner" src="https://webapp-pub.ezijing.com/project/cbu-online/school_banner.png" /> <img class="img_banner" src="https://webapp-pub.ezijing.com/project/cbu-online/school_banner.png" />
</div> </div>
<!-- 项目介绍 -->
<section class="section"> <section class="section">
<h2 class="title">项目介绍</h2> <h2 class="title">项目介绍</h2>
<p> <p>
...@@ -11,134 +12,94 @@ ...@@ -11,134 +12,94 @@
</p> </p>
</section> </section>
<!-- 学校介绍 --> <!-- 学校介绍 -->
<div class="content_school"> <section class="section">
<div class="content_left"> <div class="content_school">
<div class="content_left_tit"> <div class="content_left">
<div class="line"></div> <div class="content_left_bottom">
<div class="tit_desc">加州浸会大学介绍</div> 加州浸会大学（CaliforniaBaptistUniversity，简称CBU）位于美国加州“科技、创新之都”河滨市，距离美国第二大城市洛杉矶仅60英里（1小时车程），北邻科技与新型企业的中心——硅谷。CBU创立于1950年,是一所拥有11000余名在校生的综合性大学。学校开设了会计、建筑、航空、生物化学、商务、工程、平面设计、市场营销、音乐、护理学、工程学等超过150多种学士学位专业、40多种硕士学位专业以及7种博士学位专业。<br />“Liveyourpurpose.”这句话不仅仅是口号，也传递了CBU教育经验的精髓。
</div> </div>
<div class="content_left_bottom">
加州浸会大学（CaliforniaBaptistUniversity，简称CBU）位于美国加州“科技、创新之都”河滨市，距离美国第二大城市洛杉矶仅60英里（1小时车程），北邻科技与新型企业的中心——硅谷。CBU创立于1950年,是一所拥有11000余名在校生的综合性大学。学校开设了会计、建筑、航空、生物化学、商务、工程、平面设计、市场营销、音乐、护理学、工程学等超过150多种学士学位专业、40多种硕士学位专业以及7种博士学位专业。“Liveyourpurpose.”这句话不仅仅是口号，也传递了CBU教育经验的精髓。
<br />
素以一流的学术及卓越的师资而闻名的CBU被2022年“美国新闻与世界报道”评为全美顶尖大学之一，也是南加州顶尖的研究生学位授予大学之一。除了高质量的学术课程以外，学校还拥有WASC、ACBSP、CTC、NASM、BRN、CCNE、ABET等多重权威认证，所获排名和奖项包括(不限于)：<br />
</div> </div>
<img
class="content_right content_right1"
src="https://webapp-pub.ezijing.com/project/cbu-online/pc-school-img.png"
/>
</div> </div>
<img class="content_right" src="https://webapp-pub.ezijing.com/project/cbu-online/pc-school-img.png?v=2" /> <div class="content_school">
</div> <div class="content_left">
<!-- 专业介绍 --> <div class="content_left_bottom">
<div class="content_part" v-if="false"> <img class="img2" src="https://webapp-pub.ezijing.com/project/cbu-online/pc-school-img11.png" />
<div class="img-box" style="height:600px"> </div>
<img class="img2" src="https://webapp-pub.ezijing.com/project/cbu-online/pc-school-img81.png" />
</div>
<div class="content_desc">
<div class="content_tit">
<div class="line"></div>
<div class="tit_desc">专业介绍</div>
</div> </div>
<div class="content_intro"> <div class="content_right content_right2">
<span style="color:#424242 !important;font-weight:bold !important" 素以一流的学术及卓越的师资而闻名的CBU被2022年“美国新闻与世界报道”评为全美顶尖大学之一，也是南加州顶尖的研究生学位授予大学之一。除了高质量的学术课程以外，学校还拥有WASC、ACBSP、CTC、NASM、BRN、CCNE、ABET等多重权威认证，所获排名和奖项。
>加州浸会大学在线与专业研究的在线工商管理博士（DBA)项目：</span
>旨在培养创新型领导者，寻求在公共、私人和非营利组织中发挥最大影响力。这项为在职成年人设立的56个单元的工商管理在线博士学位，包括论文，可以在三年内完成。学生们将每八周集中学习一门在线课程。课程和课程旨在满足负责应对当今全球商业环境的专业人士的需求。
</div> </div>
</div> </div>
</div> </section>
<!-- 申请条件 --> <!-- 院校排名 -->
<div class="content_part" style="flex-direction: column"> <img class="img_ranking" src="https://webapp-pub.ezijing.com/project/cbu-online/pc-school-img9.png" />
<div class="content_tit"> <!-- 申请要求 -->
<div class="line"></div> <section class="section">
<div class="tit_desc">申请要求</div> <h2 class="title">申请要求</h2>
<div class="content_apply">
<div class="content_apply_item" v-for="(item, index) in applyList" :key="index">
<img :src="item.img" alt="" />
<div class="top_text">{{ item.tit }}</div>
<div class="content_apply_item_center" v-html="item.desc"></div>
</div>
</div> </div>
<div class="content_list"> </section>
<div class="content_list_item" v-for="(item, index) in applyList" :key="index"> <!-- 学习安排 -->
<div class="content_list_item_top"> <section class="section">
<img :src="item.img" alt="" /> <h2 class="title">学习安排</h2>
<div class="top_text">{{ item.tit }}</div> <div class="content_arrange">
<div v-for="(item, index) in studyArrangeList" :key="index" class="content_arrange_item">
<div class="mask"></div>
<img :src="item.img" alt="" />
<div class="desc">
<div class="desc_tit">{{ item.title }}</div>
</div> </div>
<div class="content_list_item_center" v-html="item.desc"></div>
</div> </div>
</div> </div>
</div> </section>
<!-- 学制安排 --> <!-- 学制安排 -->
<div class="content_tit"> <section class="section">
<div class="line"></div> <h2 class="title">学制安排</h2>
<div class="tit_desc">学制安排</div> <div class="course-set">
</div> <p>该项目学制三年，总体学习安排如下：</p>
<div class="content_part"> <img src="https://webapp-pub.ezijing.com/project/cbu-online/pc-school-img10.png" />
<div class="img5 img55">
<div class="mask"></div>
<div class="desc">
<div class="desc_tit">三年学制</div>
<!-- <div class="desc_detail">博士论文根据论文主题选择研究地点</div> -->
</div>
</div>
<div class="img6 img55">
<div class="mask"></div>
<div class="desc ">
<div class="desc_tit">学分课程模块</div>
<!-- <div class="desc_detail">共12门博士学分课，6门课中方授课，6门课美方授课</div> -->
</div>
</div>
<div class="img7 img55">
<div class="mask"></div>
<div class="desc">
<div class="desc_tit">创新实践模块</div>
<!-- <div class="desc_detail">
每个季度一次线下访学，参访具有创新管理实践和产业前沿的公司，并请国际国内顶尖教授带领同学们进行实践案例解读、讨论和研究。
</div> -->
</div>
</div>
<div class="img8 img55">
<div class="mask"></div>
<div class="desc">
<div class="desc_tit">全球访学模块</div>
<!-- <div class="desc_detail">学习期间，安排全球访学，全球产业调研、全球议题讨论。</div> -->
</div>
</div> </div>
</div> </section>
<!-- 学制安排 -->
<img class="img4" src="https://webapp-pub.ezijing.com/project/cbu-online/pc-school-img9.png" />
<div class="content_tit">
<div class="line"></div>
<div class="tit_desc">学制安排</div>
</div>
<div class="course-set">
<p>该项目学制三年，总体学习安排如下：</p>
<img src="https://webapp-pub.ezijing.com/project/cbu-online/pc-school-img10.png" />
</div>
<!-- 课程设置 --> <!-- 课程设置 -->
<div class="content_tit"> <section class="section">
<div class="line"></div> <h2 class="title">学分课程模块</h2>
<div class="tit_desc">学分课程模块</div> <div class="course-set">
</div> <img src="https://webapp-pub.ezijing.com/project/cbu-online/school-course-img.png" />
<div class="course-set"> <p>
<img src="https://webapp-pub.ezijing.com/project/cbu-online/school-course-img.png" /> *注：实际课程计划可能会根据CBU的学期计划，实施调整<br />
<p> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;美方教学以线上学习为主，中方教学线上、线下结合
*注：实际课程计划可能会根据CBU的学期计划，实施调整<br /> </p>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;美方教学以线上学习为主，中方教学线上、线下结合 </div>
</p> </section>
</div>
<!-- 创新实践模块 --> <!-- 创新实践模块 -->
<section class="section">
<div class="content_tit"> <h2 class="title">创新实践模块</h2>
<div class="line"></div> <div class="course-set">
<div class="tit_desc">创新实践模块</div> <p>
</div> 每个季度一次线下访学，参访具有创新管理实践和产业前沿的公司，并请国际国内顶尖教授带领同学们进行实践案例解读、讨论和研究。
<div class="course-set"> </p>
<p> </div>
每个季度一次线下访学，参访具有创新管理实践和产业前沿的公司，并请国际国内顶尖教授带领同学们进行实践案例解读、讨论和研究。 </section>
</p>
</div>
<!-- 全球访学模块 --> <!-- 全球访学模块 -->
<div class="content_tit"> <section class="section">
<div class="line"></div> <h2 class="title">全球访学模块</h2>
<div class="tit_desc">全球访学模块</div> <div class="course-set">
</div> <p>学习期间，安排全球访学，全球产业调研、全球议题讨论。</p>
<div class="course-set"> </div>
<p>学习期间，安排全球访学，全球产业调研、全球议题讨论。</p> </section>
</div>
</div> </div>
<div v-else class="is-h5"> <div v-else class="is-h5">
<div class="banner"> <div class="banner">
...@@ -160,12 +121,7 @@ ...@@ -160,12 +121,7 @@
<br /> <br />
素以一流的学术及卓越的师资而闻名的CBU被2022年“美国新闻与世界报道”评为全美顶尖大学之一，也是南加州顶尖的研究生学位授予大学之一。除了高质量的学术课程以外，学校还拥有WASC、ACBSP、CTC、NASM、BRN、CCNE、ABET等多重权威认证，所获排名和奖项包括(不限于)：<br /> 素以一流的学术及卓越的师资而闻名的CBU被2022年“美国新闻与世界报道”评为全美顶尖大学之一，也是南加州顶尖的研究生学位授予大学之一。除了高质量的学术课程以外，学校还拥有WASC、ACBSP、CTC、NASM、BRN、CCNE、ABET等多重权威认证，所获排名和奖项包括(不限于)：<br />
</p> </p>
<!-- <div class="h5-title m-t-10">专业介绍</div>
<img src="https://webapp-pub.ezijing.com/project/cbu-online/h5/school-img2.png?v=2" />
<p>
<span class="desc">加州浸会大学在线与专业研究的在线工商管理博士（DBA）项目：</span>
旨在培养创新型领导者，寻求在公共、私人和非营利组织中发挥最大影响力。这项为在职成年人设立的56个单元的工商管理在线博士学位，包括论文，可以在三年内完成。学生们将每八周集中学习一门在线课程。课程和课程旨在满足负责应对当今全球商业环境的专业人士的需求。
</p> -->
<div class="h5-title m-t-10">申请条件</div> <div class="h5-title m-t-10">申请条件</div>
<div class="h5-list"> <div class="h5-list">
<img src="https://webapp-pub.ezijing.com/project/cbu-online/h5/school-img3.png" /> <img src="https://webapp-pub.ezijing.com/project/cbu-online/h5/school-img3.png" />
...@@ -174,68 +130,59 @@ ...@@ -174,68 +130,59 @@
</div> </div>
<img src="https://webapp-pub.ezijing.com/project/cbu-online/h5/school-img6.png" /> <img src="https://webapp-pub.ezijing.com/project/cbu-online/h5/school-img6.png" />
<div class="h5-title m-t-10">学制安排</div> <div class="h5-title m-t-10">学习安排</div>
<div class="img-list"> <div class="img-list">
<div class="xz-content"> <div class="xz-content">
<div class="xz-item xz1"> <div class="xz-item xz1">
<div class="mask"></div> <div class="mask"></div>
<div class="desc "> <div class="desc ">
<div class="desc_tit">三年学制</div> <div class="desc_tit">三年学制</div>
<!-- <div class="desc_detail">博士论文根据论文主题选择研究地点</div> -->
</div> </div>
</div> </div>
<div class="xz-item xz2"> <div class="xz-item xz2">
<div class="mask"></div> <div class="mask"></div>
<div class="desc "> <div class="desc ">
<div class="desc_tit">学分课程模块</div> <div class="desc_tit">学分课程模块</div>
<!-- <div class="desc_detail">共12门博士学分课，6门课中方授课，6门课美方授课</div> -->
</div> </div>
</div> </div>
<div class="xz-item xz3"> <div class="xz-item xz3">
<div class="mask"></div> <div class="mask"></div>
<div class="desc "> <div class="desc ">
<div class="desc_tit">创新实践模块</div> <div class="desc_tit">创新实践模块</div>
<!-- <div class="desc_detail">
每个季度一次线下访学，参访具有创新管理实践和产业前沿的公司，并请国际国内顶尖教授带领同学们进行实践案例解读、讨论和研究。
</div> -->
</div> </div>
</div> </div>
<div class="xz-item xz4"> <div class="xz-item xz4">
<div class="mask"></div> <div class="mask"></div>
<div class="desc desc_last"> <div class="desc desc_last">
<div class="desc_tit">全球访学模块</div> <div class="desc_tit">全球访学模块</div>
<!-- <div class="desc_detail">学习期间，安排全球访学，全球产业调研、全球议题讨论。</div> -->
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="h5-title m-t-10">学制安排</div> <div class="h5-title m-t-10">学制安排</div>
<div class="h5-course-set"> <div class="h5-course-set">
<p>该项目学制三年，总体学习安排如下：</p> <div class="desc">该项目学制三年，总体学习安排如下：</div>
<img src="https://webapp-pub.ezijing.com/project/cbu-online/pc-school-img10.png" /> <img src="https://webapp-pub.ezijing.com/project/cbu-online/pc-school-img10.png" />
</div> </div>
<div class="h5-title m-t-10">学分课程模块</div> <div class="h5-title m-t-10">学分课程模块</div>
<div class="h5-course-set"> <div class="h5-course-set">
<img <img src="https://webapp-pub.ezijing.com/project/cbu-online/h5/school-img7.png" />
src="https://webapp-pub.ezijing.com/project/cbu-online/h5/school-img7.png" <div class="desc">
style="margin-bottom:0.3rem"
/>
<p>
*注：实际课程计划可能会根据CBU的学期计划，实施调整<br /> *注：实际课程计划可能会根据CBU的学期计划，实施调整<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;美方教学以线上学习为主，中方教学线上、线下结合 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;美方教学以线上学习为主，中方教学线上、线下结合
</p> </div>
</div> </div>
<div class="h5-title m-t-10">创新实践模块</div> <div class="h5-title m-t-10">创新实践模块</div>
<div class="h5-course-set"> <div class="h5-course-set">
<p> <div class="desc">
每个季度一次线下访学，参访具有创新管理实践和产业前沿的公司，并请国际国内顶尖教授带领同学们进行实践案例解读、讨论和研究。 每个季度一次线下访学，参访具有创新管理实践和产业前沿的公司，并请国际国内顶尖教授带领同学们进行实践案例解读、讨论和研究。
</p> </div>
</div> </div>
<div class="h5-title m-t-10">全球访学模块</div> <div class="h5-title m-t-10">全球访学模块</div>
<div class="h5-course-set"> <div class="h5-course-set">
<p> <div class="desc">
学习期间，安排全球访学，全球产业调研、全球议题讨论。 学习期间，安排全球访学，全球产业调研、全球议题讨论。
</p> </div>
</div> </div>
</div> </div>
</div> </div>
...@@ -249,6 +196,24 @@ export default { ...@@ -249,6 +196,24 @@ export default {
const _this = this const _this = this
return { return {
studyArrangeList: [
{
img: 'https://webapp-pub.ezijing.com/project/cbu-online/pc-school-img4.png',
title: '三年学制'
},
{
img: 'https://webapp-pub.ezijing.com/project/cbu-online/pc-school-img5.png',
title: '学分课程模块'
},
{
img: 'https://webapp-pub.ezijing.com/project/cbu-online/pc-school-img6.png',
title: '创新实践模块'
},
{
img: 'https://webapp-pub.ezijing.com/project/cbu-online/pc-school-img7.png',
title: '全球访学模块'
}
],
applyList: [ applyList: [
{ {
img: 'https://webapp-pub.ezijing.com/project/cbu-online/apply_step1.png', img: 'https://webapp-pub.ezijing.com/project/cbu-online/apply_step1.png',
...@@ -343,359 +308,176 @@ export default { ...@@ -343,359 +308,176 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.is-pc { .is-pc {
.course-set {
background: #fff;
width: 1200px;
margin: 30px auto 0;
padding: 50px 30px;
margin-bottom: 111px;
p {
font-size: 16px;
font-weight: 400;
color: #666666;
}
img {
width: 1140px;
}
}
.banner { .banner {
position: relative; position: relative;
.img_banner { .img_banner {
width: 100%; width: 100%;
height: 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 { .img_ranking {
// background-color: #ccc; width: 100%;
height: 661px; height: 100%;
width: 1200px; margin-top: -150px;
margin: 70px auto; }
text-align: center; .section {
display: flex; .content_school {
justify-content: space-around; height: 444px;
align-items: center; width: 1200px;
.content_left { margin: 70px auto;
padding-right: 152px; text-align: center;
min-width: 524px; display: flex;
height: 100%; justify-content: space-around;
align-items: center;
line-height: 2;
font-size: 18px;
color: #666666;
// box-sizing: border-box;
.content_left {
padding-right: 152px;
min-width: 600px;
height: 100%;
// background-color: red; .content_tit {
.content_tit { text-align: center;
text-align: center; display: flex;
display: flex; justify-content: flex-start;
justify-content: flex-start; margin-top: 64px;
margin-top: 64px; .line {
.line { width: 6px;
width: 6px; height: 34px;
height: 34px; background: #aa1941;
background: #aa1941; margin-right: 9px;
margin-right: 9px; margin-top: 6px;
margin-top: 6px; }
.tit_desc {
color: #333333;
font-size: 34px;
font-weight: bold;
}
} }
.tit_desc { .content_left_bottom {
color: #333333; text-align: left;
font-size: 34px; line-height: 2;
font-weight: bold; font-size: 18px;
color: #666666;
} }
} }
.content_left_bottom { .content_right {
font-size: 18px; min-width: 600px;
// font-weight: 300; height: 100%;
color: #666666; }
margin-top: 32px; .content_right2 {
margin-left: 59px;
padding-top: 70px;
text-align: left; text-align: left;
line-height: 2;
} }
} }
.content_right { .content_apply {
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%; width: 100%;
display: flex; display: flex;
justify-content: space-around; justify-content: space-between;
padding-bottom: 35px;
margin-top: 31px; margin-top: 31px;
.content_list_item { .content_apply_item:nth-child(1) {
padding-top: 78px;
img {
width: 104px;
height: 80px;
line-height: 100%;
}
}
.content_apply_item {
padding: 68px 39px 0 41px; padding: 68px 39px 0 41px;
width: 380px; width: 380px;
height: 400px; height: 400px;
opacity: 1; opacity: 1;
background-color: #fff; background-color: #fff;
display: flex;
flex-direction: column;
// justify-content: space-around;
align-items: center;
.content_list_item_top { img {
img { width: 91.66px;
width: 91.66px; height: 91.66px;
height: 100%; line-height: 100%;
}
.top_text {
font-size: 20px;
font-weight: 500;
color: #484848;
}
} }
.content_list_item_center {
.top_text {
font-size: 20px;
font-weight: 500;
color: #484848;
margin-top: 20px;
}
.content_apply_item_center {
text-align: center; text-align: center;
font-size: 16px; font-size: 16px;
font-weight: 400; font-weight: 400;
color: #666666; color: #666666;
margin-top: 37px; margin-top: 27px;
line-height: 30px; line-height: 30px;
} }
// .content_list_item_bottom {
// font-size: 14px;
// font-weight: 400;
// color: #999999;
// // margin-top: 17px;
// text-align: left;
// line-height: 2;
// }
} }
} }
// .content_list_item:nth-child(3) .content_list_item_center {
// text-align: center;
// }
.content_list_item:nth-child(1) {
padding-top: 80px;
}
.content_list_item:nth-child(1) .content_list_item_top .top_text {
margin-top: 35px;
}
.content_list_item:nth-child(2) .content_list_item_top .top_text {
margin-top: 29px;
}
.content_list_item:nth-child(3) .content_list_item_top .top_text {
margin-top: 30px;
}
.content_desc {
width: 536px;
padding-left: 30px;
.content_tit { .content_arrange {
text-align: center; display: flex;
display: flex; justify-content: space-between;
justify-content: flex-start; .content_arrange_item {
margin-top: 64px; width: 292px;
.line { height: 345px;
width: 6px; margin-right: 11px;
height: 34px; cursor: pointer;
background: #aa1941; position: relative;
margin-right: 9px; img {
margin-top: 6px; width: 100%;
} height: 100%;
.tit_desc {
color: #333333;
font-size: 34px;
font-weight: bold;
} }
} .mask {
.content_intro { position: absolute;
font-size: 16px; background: rgba(0, 0, 0, 0.6);
font-weight: 300;
color: #424242;
line-height: 2;
margin-top: 62px;
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 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
.desc_tit {
font-size: 24px;
font-weight: 500;
color: #ffffff; color: #ffffff;
text-align: center; opacity: 1;
top: 0;
right: 0;
width: 100%;
height: 100%;
pointer-events: none;
} }
.desc {
.desc_detail { position: absolute;
color: #ffffff; top: 50%;
display: flex; left: 50%;
justify-content: flex-end; transform: translate(-50%, -50%);
align-items: center; .desc_tit {
flex-wrap: nowrap; font-size: 24px;
visibility: hidden; font-weight: 500;
height: 77px; color: #ffffff;
.num { text-align: center;
font-size: 48px;
font-weight: bold;
}
.fen {
font-size: 20px;
font-weight: 400;
padding-top: 20px;
}
.fen1 {
padding-right: 5px;
} }
} }
} }
} }
.img55 { .course-set {
.mask { background: #fff;
opacity: 1; // margin: 30px auto 0;
background: rgba(0, 0, 0, 0.7); padding: 30px;
margin-bottom: 90px;
p {
font-size: 20px;
font-weight: 400;
color: #333333;
} }
.desc .desc_detail {
visibility: visible;
}
}
.img5 {
background: url('https://webapp-pub.ezijing.com/project/cbu-online/pc-school-img4.png');
}
.img6 {
background: url('https://webapp-pub.ezijing.com/project/cbu-online/pc-school-img5.png');
}
.img7 {
background: url('https://webapp-pub.ezijing.com/project/cbu-online/pc-school-img6.png');
}
.img8 {
background: url('https://webapp-pub.ezijing.com/project/cbu-online/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: 10px;
.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 { img {
width: 100%; width: 1140px;
height: 100%; margin-top: 20px;
line-height: 100%;
} }
} }
.swiper-slide-active {
width: 423px;
height: 266px;
margin-top: 0;
}
} }
} }
.is-h5 { .is-h5 {
.banner { .banner {
img { img {
...@@ -705,29 +487,15 @@ export default { ...@@ -705,29 +487,15 @@ export default {
} }
.h5-course-set { .h5-course-set {
background: #fff; background: #fff;
padding: 0.2rem 0.12rem; padding: 0.05rem 0.12rem;
margin-bottom: 0.2rem; margin-bottom: 0.2rem;
.desc {
.h5-head { font-size: 0.12rem;
height: 0.7rem; color: #666666;
border-bottom: 1px solid #bebebe; font-weight: bold;
display: flex; }
overflow-x: scroll; img {
.btn { margin-top: 0.1rem;
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 { .h5-content {
...@@ -841,10 +609,10 @@ export default { ...@@ -841,10 +609,10 @@ export default {
.section { .section {
max-width: 1212px; max-width: 1212px;
margin: 40px auto; margin: 90px auto;
.title { .title {
position: relative; position: relative;
margin-top: 20px; // margin-top: 20px;
margin-bottom: 20px; margin-bottom: 20px;
padding-left: 20px; padding-left: 20px;
height: 32px; height: 32px;
......
pages/academic/academic.vue
浏览文件 @ 144bacde
...@@ -8,10 +8,10 @@ ...@@ -8,10 +8,10 @@
<el-image :src="url1" class="img1"></el-image> <el-image :src="url1" class="img1"></el-image>
<div class="item_english_name">博士学位证书</div> <div class="item_english_name">博士学位证书</div>
</div> </div>
<div class="img_english"> <!-- <div class="img_english">
<el-image :src="url2" class="img2"></el-image> <el-image :src="url2" class="img2"></el-image>
<div class="item_english_name">学历学位认证</div> <div class="item_english_name">学历学位认证</div>
</div> </div> -->
</div> </div>
</div> </div>
<app-frame v-else :data="frameParams" :class="isMobile ? 'is-h5' : 'is-pc'"> <app-frame v-else :data="frameParams" :class="isMobile ? 'is-h5' : 'is-pc'">
...@@ -22,10 +22,10 @@ ...@@ -22,10 +22,10 @@
<el-image :src="url1" class="img1"></el-image> <el-image :src="url1" class="img1"></el-image>
<div class="item_english_name">博士学位证书</div> <div class="item_english_name">博士学位证书</div>
</div> </div>
<div class="img_english"> <!-- <div class="img_english">
<el-image :src="url2" class="img2"></el-image> <el-image :src="url2" class="img2"></el-image>
<div class="item_english_name">学历学位认证</div> <div class="item_english_name">学历学位认证</div>
</div> </div> -->
</div> </div>
</app-frame> </app-frame>
</div> </div>
...@@ -59,7 +59,7 @@ export default { ...@@ -59,7 +59,7 @@ export default {
.main_content { .main_content {
padding: 70px 64px 80px 48px; padding: 70px 64px 80px 48px;
display: flex; display: flex;
justify-content: flex-end; justify-content: center;
align-items: flex-end; align-items: flex-end;
.img_english { .img_english {
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论