Skip to content

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

cbu_online优化

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