Skip to content

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

update

上级 55f0210e
隐藏空白字符变更
内嵌 并排
正在显示 包含 234 行增加 和 160 行删除
components/home/banner.vue
浏览文件 @ 242c9a98
<template> <template>
<div> <div :class="isMobile ? 'is-h5' : 'is-pc'">
<div class="banner-content"> <div class="banner-content">
<img class="img" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/home-banner.png" /> <img
v-if="!isMobile"
class="img"
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/home-banner.png"
/>
<img v-else class="img" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/h5/banner.png" />
</div> </div>
</div> </div>
</template> </template>
...@@ -11,98 +16,112 @@ export default { ...@@ -11,98 +16,112 @@ export default {
data() { data() {
return {} return {}
}, },
computed: {}, computed: {
isMobile() {
return this.$store.state.isMobile
}
},
methods: {} methods: {}
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.banner-content { .is-pc {
position: relative; .banner-content {
width: 100%; position: relative;
.img {
width: 100%; width: 100%;
height: 100%; .img {
min-height: 650px; width: 100%;
object-fit: cover; height: 100%;
z-index: 1000; min-height: 650px;
} object-fit: cover;
.content_desc { z-index: 1000;
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 { .content_desc {
font-size: 30px; position: absolute;
font-weight: 400; top: 255px;
color: #ffffff; left: 50%;
text-shadow: -1.8369701465288538e-1 3px 6px rgba(0, 0, 0, 0.3); transform: translate(-50%, -50%);
white-space: nowrap;
margin-top: 5px; .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 {
.banner_navList { position: absolute;
position: absolute; bottom: -59px;
bottom: -59px; left: 50%;
left: 50%; transform: translateX(-50%);
transform: translateX(-50%);
display: flex;
align-items: flex-end;
margin: 0;
padding: 0;
.banner_nav {
width: 239px;
height: 144px;
display: flex; display: flex;
justify-content: center; align-items: flex-end;
align-items: center; margin: 0;
flex-direction: column; padding: 0;
background-color: #be0927; .banner_nav {
// border-right: 1px solid #e64b77; width: 239px;
padding-right: 0; height: 144px;
opacity: 0.71;
.nav_top {
width: 100%;
height: 87px;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
border-right: 0.5px solid rgba(255, 255, 255, 0.30196078431372547); flex-direction: column;
} background-color: #be0927;
.banner_nav:last-child { // border-right: 1px solid #e64b77;
border: none; padding-right: 0;
} opacity: 0.71;
.nav_tit {
width: 100%; .nav_top {
height: 57px; width: 100%;
font-size: 14px; height: 87px;
line-height: 57px; display: flex;
text-align: center; justify-content: center;
color: #fefffe; align-items: center;
padding-bottom: 15px; border-right: 0.5px solid rgba(255, 255, 255, 0.30196078431372547);
border-right: 1px solid #be0927; }
font-size: 20px; .banner_nav:last-child {
} border: none;
&:hover { }
height: 160px; .nav_tit {
background-color: #aa1941; width: 100%;
border-right: 1px solid #be0927; height: 57px;
opacity: 0.78; font-size: 14px;
} line-height: 57px;
&:hover .nav_top { text-align: center;
border-right: none; color: #fefffe;
padding-bottom: 15px;
border-right: 1px solid #be0927;
font-size: 20px;
}
&:hover {
height: 160px;
background-color: #aa1941;
border-right: 1px solid #be0927;
opacity: 0.78;
}
&:hover .nav_top {
border-right: none;
}
} }
} }
} }
} }
.is-h5 {
.banner-content {
img {
display: block;
width: 100%;
}
}
}
</style> </style>
components/home/projectIntroduce.vue
浏览文件 @ 242c9a98
<template> <template>
<div class="service-content max-width-center"> <div>
<card title="项目简介"> <div class="service-content max-width-center" v-if="!isMobile">
<div class="desc"> <card title="项目简介">
<div class="d-flex"> <div class="desc">
<p style="margin-right: 28px"> <div class="d-flex">
清控紫荆教育联合巴黎PPA商学院<br /> <p style="margin-right: 28px">
2024年，推出工商管理博士（DBA）项目，专为中国科技创新企业高层管理者、咨询行业合伙人、管理科学研究者持续发展设计。通过高质量、体系化的精英管理教育，培养战略思维、提升研究与决策能力、扩展专业网络及领导力，学习数字化转型与创新管理等最新管理理论，通过基于案例研讨学习方法将现实世界中的领导力挑战带入课堂，从而在快速变化的科技市场中有效调整企业战略，通过这些精心设计的学习课程，我们的DBA学生不仅将获得深厚的学术知识和研究能力，更将培养出真正的全球视野，为在全球市场中成功竞争和领导打下坚实的基础。 清控紫荆教育联合巴黎PPA商学院<br />
</p> 2024年，推出工商管理博士（DBA）项目，专为中国科技创新企业高层管理者、咨询行业合伙人、管理科学研究者持续发展设计。通过高质量、体系化的精英管理教育，培养战略思维、提升研究与决策能力、扩展专业网络及领导力，学习数字化转型与创新管理等最新管理理论，通过基于案例研讨学习方法将现实世界中的领导力挑战带入课堂，从而在快速变化的科技市场中有效调整企业战略，通过这些精心设计的学习课程，我们的DBA学生不仅将获得深厚的学术知识和研究能力，更将培养出真正的全球视野，为在全球市场中成功竞争和领导打下坚实的基础。
<img src="https://webapp-pub.ezijing.com/project/seg-ppa/home-img1.png" class="desc-img" /> </p>
</div> <img src="https://webapp-pub.ezijing.com/project/seg-ppa/home-img1.png" class="desc-img" />
<div class="d-flex" style="padding: 60px 0 80px"> </div>
<img src="https://webapp-pub.ezijing.com/project/seg-ppa/home-img2.png" class="desc-img" /> <div class="d-flex" style="padding: 60px 0 80px">
<p style="margin-left: 28px"> <img src="https://webapp-pub.ezijing.com/project/seg-ppa/home-img2.png" class="desc-img" />
我们的校园位于首都北京清华科技园，这里是世界知名大都市的核心地带，这里是全球科技重要研发中心，我们的课程设计理念就是深度整合科技与管理教学资源， <p style="margin-left: 28px">
将管理与科技、产业、金融深度融合，邀请院士教授、博士、科技创业者、科创投资者分享清华最前沿的科技创新和管理实践，通过每天的互动可以增加学习的潜力，积极构建中国企业科创新生态。 我们的校园位于首都北京清华科技园，这里是世界知名大都市的核心地带，这里是全球科技重要研发中心，我们的课程设计理念就是深度整合科技与管理教学资源，
</p> 将管理与科技、产业、金融深度融合，邀请院士教授、博士、科技创业者、科创投资者分享清华最前沿的科技创新和管理实践，通过每天的互动可以增加学习的潜力，积极构建中国企业科创新生态。
</div> </p>
<div class="d-flex"> </div>
<p style="margin-right: 28px"> <div class="d-flex">
在当今世界紧密相连的商业环境中，拥有全球视野对于商业领袖至关重要。本项目通过海外名校游学和全球名企考察，不仅为学生提供了与世界顶尖学者交流和学习的机会，而且允许他们沉浸在不同的教育体系和文化环境中，与自世界各地的学生聚集在一起，研究具有全球影响力的案例，从而扩大视野，增进对全球商业动态的理解。此外，通过组织全球名企考察，我们的DBA项目使学生有机会直接接触国际商业操作和战略决策过程。这些考察不仅帮助学生获得宝贵的行业洞察力，还能实地体验如何在不同的市场环境中应用和实践商业理论。 <p style="margin-right: 28px">
</p> 在当今世界紧密相连的商业环境中，拥有全球视野对于商业领袖至关重要。本项目通过海外名校游学和全球名企考察，不仅为学生提供了与世界顶尖学者交流和学习的机会，而且允许他们沉浸在不同的教育体系和文化环境中，与自世界各地的学生聚集在一起，研究具有全球影响力的案例，从而扩大视野，增进对全球商业动态的理解。此外，通过组织全球名企考察，我们的DBA项目使学生有机会直接接触国际商业操作和战略决策过程。这些考察不仅帮助学生获得宝贵的行业洞察力，还能实地体验如何在不同的市场环境中应用和实践商业理论。
<img src="https://webapp-pub.ezijing.com/project/seg-ppa/home-img3.png" class="desc-img" /> </p>
</div> <img src="https://webapp-pub.ezijing.com/project/seg-ppa/home-img3.png" class="desc-img" />
</div> </div>
</card>
<card title="项目背景" style="margin-top: 113px">
<div class="desc">
<div class="d-flex">
<p style="margin-right: 28px; line-height: 25px">
新质生产力，<br />
核心就是用科技创新推动产业创新。<br />
清控紫荆教育依托清华大学科技创新与管理教学优势，<br />
联合巴黎PPA商学院，<br />
秉承“科技创新改变世界”的核心宗旨，<br />
围绕“管理、科技、产业、金融”四个维度，<br />
倾力培养具备全球视野、前瞻思维的企业家，<br />
不仅掌握了最新的科技创新，<br />
更能利用这些技术改变世界。<br />
课程强调科技与商业战略的融合，<br />
深入探索人工智能、大数据、区块链等尖端技术，<br />
并将这些工具应用于解决全球性的商业和社会问题。<br />
培养科创企业领军者<br />
不仅能在技术浪潮中乘风破浪，<br />
更能引领这股浪潮，<br />
用科技创新开创更美好的世界。
</p>
<img src="https://webapp-pub.ezijing.com/project/seg-ppa/home-img4.png" class="desc-img" />
</div> </div>
</div> </card>
<div class="p-banner"> <card title="项目背景" style="margin-top: 113px">
<div class="h">项目使命</div> <div class="desc">
<div class="t">培养科创企业<b>领军者</b> &nbsp; 用科技<b>创新</b>改变世界</div> <div class="d-flex">
</div> <p style="margin-right: 28px; line-height: 25px">
</card> 新质生产力，<br />
<card title="清华服务科创" style="margin-top: 113px"> 核心就是用科技创新推动产业创新。<br />
<div class="create"> 清控紫荆教育依托清华大学科技创新与管理教学优势，<br />
<div class="c-l"> 联合巴黎PPA商学院，<br />
<div class="t"> 秉承“科技创新改变世界”的核心宗旨，<br />
清华大学为科创企业提供科技创新资源支持，同时也为科技成果转化到企业提供综合服务，将先进技术应用到产业，才能发挥科技创新的价值。汇聚清华大学最强科研力量，为科创企业发展提供全方位的闭环链条，真正助力科创企业成长。 围绕“管理、科技、产业、金融”四个维度，<br />
倾力培养具备全球视野、前瞻思维的企业家，<br />
不仅掌握了最新的科技创新，<br />
更能利用这些技术改变世界。<br />
课程强调科技与商业战略的融合，<br />
深入探索人工智能、大数据、区块链等尖端技术，<br />
并将这些工具应用于解决全球性的商业和社会问题。<br />
培养科创企业领军者<br />
不仅能在技术浪潮中乘风破浪，<br />
更能引领这股浪潮，<br />
用科技创新开创更美好的世界。
</p>
<img src="https://webapp-pub.ezijing.com/project/seg-ppa/home-img4.png" class="desc-img" />
</div> </div>
</div> </div>
<div class="c-r"> <div class="p-banner">
<div class="ul" v-for="item in list"> <div class="h">项目使命</div>
<div class="li" v-for="cItem in item"> <div class="t">培养科创企业<b>领军者</b> &nbsp; 用科技<b>创新</b>改变世界</div>
<div class="n"> </div>
{{ cItem.n }}<span>{{ cItem.nn }}</span> </card>
</div> <!-- <card title="清华服务科创" style="margin-top: 113px">
<div class="z">{{ cItem.z }}</div> <div class="create">
<div class="c-l">
<div class="t">
清华大学为科创企业提供科技创新资源支持，同时也为科技成果转化到企业提供综合服务，将先进技术应用到产业，才能发挥科技创新的价值。汇聚清华大学最强科研力量，为科创企业发展提供全方位的闭环链条，真正助力科创企业成长。
</div> </div>
</div> </div>
<div class="b-ul"> <div class="c-r">
<div class="li"> <div class="ul" v-for="item in list">
<div class="n">No.12</div> <div class="li" v-for="cItem in item">
<div class="z">2024泰晤士世界大学排名</div> <div class="n">
{{ cItem.n }}<span>{{ cItem.nn }}</span>
</div>
<div class="z">{{ cItem.z }}</div>
</div>
</div> </div>
<div class="li"> <div class="b-ul">
<div class="n">No.25</div> <div class="li">
<div class="z">2024QS世界大学排名</div> <div class="n">No.12</div>
<div class="z">2024泰晤士世界大学排名</div>
</div>
<div class="li">
<div class="n">No.25</div>
<div class="z">2024QS世界大学排名</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </card> -->
</card> </div>
<div class="h5-page" v-else>
{{ isMobile }}
<card title="项目简介">
<img class="img-w100" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/h5/h-h5-img1.png" />
.
</card>
</div>
</div> </div>
</template> </template>
<script> <script>
...@@ -90,6 +99,11 @@ import AppLink from '@/components/Link' ...@@ -90,6 +99,11 @@ import AppLink from '@/components/Link'
export default { export default {
name: 'projectFeatures', name: 'projectFeatures',
components: { AppLink, Card }, components: { AppLink, Card },
computed: {
isMobile() {
return this.$store.state.isMobile
}
},
data() { data() {
return { return {
list: [ list: [
...@@ -126,7 +140,7 @@ export default { ...@@ -126,7 +140,7 @@ export default {
text-align: justify; text-align: justify;
padding: 28px 0; padding: 28px 0;
p { p {
font-size: 18px; font-size: 16px;
color: #666; color: #666;
line-height: 36px; line-height: 36px;
} }
...@@ -234,4 +248,10 @@ export default { ...@@ -234,4 +248,10 @@ export default {
} }
} }
} }
.h5-page {
.img-w100 {
width: 100%;
display: block;
}
}
</style> </style>
pages/course/index.vue
浏览文件 @ 242c9a98
...@@ -18,16 +18,36 @@ ...@@ -18,16 +18,36 @@
</div> </div>
</div> </div>
</card> </card>
<card title="学分课程模块" style="margin-top: 103px"> <card title="国内专业研究课程" style="margin-top: 103px">
<div> <div>
<img <img
class="chart" class="chart"
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/course-img1.png" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/course-img1-new.png"
style="width: 100%" style="width: 100%"
/> />
</div> </div>
</card> </card>
<card title="中国经济新质生产力前沿创新学术论坛" style="margin-top: 103px"> <card title="海外国际商学院学习模块" style="margin-top: 103px">
<div style="background-color: #fff; padding-bottom: 32px">
<img
class="chart2"
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/course-img3-new.png"
style="width: 100%"
/>
<div class="t-g2">注：每学年校方会组织两次 以上活动，学生每年至少参加一次活动，即可获得学分</div>
</div>
</card>
<card title="前沿创新论坛" style="margin-top: 103px">
<div style="background-color: #fff; padding-bottom: 32px">
<img
class="chart2"
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/course-img2-new.png"
style="width: 100%"
/>
<div class="t-g2">注：每学年校方会组织四次 以上活动，学生每年至少参加二次活动，即可获得学分</div>
</div>
</card>
<!-- <card title="中国经济新质生产力前沿创新学术论坛" style="margin-top: 103px">
<div class="t-g"> <div class="t-g">
每年在清华定期举办《新质生产力与产业创新论坛》，邀请来自清华、中国科学院等研究机构数十位国内专家学者，分享来自各个领域科技创新成果和产业创新转型的实践经验。结合论坛，组织DBA博士生到清华系研究机构走访，探索科技成果转化的成功路径，到科技创新知名企业进行标杆学习。<br /> 每年在清华定期举办《新质生产力与产业创新论坛》，邀请来自清华、中国科学院等研究机构数十位国内专家学者，分享来自各个领域科技创新成果和产业创新转型的实践经验。结合论坛，组织DBA博士生到清华系研究机构走访，探索科技成果转化的成功路径，到科技创新知名企业进行标杆学习。<br />
·商业分析和数字经济&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;·数字营销战略前沿课题&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;·人工智能与中国经济&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;·中国前沿金融管理问题&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;·新经济时代的财务报告<br /> ·商业分析和数字经济&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;·数字营销战略前沿课题&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;·人工智能与中国经济&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;·中国前沿金融管理问题&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;·新经济时代的财务报告<br />
...@@ -39,7 +59,7 @@ ...@@ -39,7 +59,7 @@
与全球创新面对面，全球访学能够让参与者接触不同国家和地区的商业实践和文化，更好地理解全球商业这种跨文化的经验，激发创新思维，培养国际化的视野。与来自不同国家和地区的企业家交流，分享经验和意见，促进合作和创新，为企业发展带来新的机遇和可能性。<br /> 与全球创新面对面，全球访学能够让参与者接触不同国家和地区的商业实践和文化，更好地理解全球商业这种跨文化的经验，激发创新思维，培养国际化的视野。与来自不同国家和地区的企业家交流，分享经验和意见，促进合作和创新，为企业发展带来新的机遇和可能性。<br />
·美国-科技创新之旅&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;·日本-极致服务创新之旅&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;·东南亚-新兴市场洞察与产业创新之旅 ·美国-科技创新之旅&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;·日本-极致服务创新之旅&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;·东南亚-新兴市场洞察与产业创新之旅
</div> </div>
</card> </card> -->
</div> </div>
</div> </div>
</template> </template>
...@@ -95,7 +115,13 @@ export default { ...@@ -95,7 +115,13 @@ export default {
padding: 62px 49px; padding: 62px 49px;
box-sizing: border-box; box-sizing: border-box;
background-color: #fff; background-color: #fff;
margin-top: 36px; // margin-top: 36px;
}
.chart2 {
padding: 62px 49px 0;
box-sizing: border-box;
background-color: #fff;
// margin-top: 36px;
} }
.t-g { .t-g {
font-weight: 400; font-weight: 400;
...@@ -105,4 +131,13 @@ export default { ...@@ -105,4 +131,13 @@ export default {
text-align: left; text-align: left;
margin-top: 52px; margin-top: 52px;
} }
.t-g2 {
font-weight: 400;
font-size: 18px;
color: #666666;
// line-height: 36px;
text-align: left;
margin-top: 10px;
padding-left: 49px;
}
</style> </style>
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论