Skip to content

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

update

上级 bf05aa44
隐藏空白字符变更
内嵌 并排
正在显示 包含 363 行增加 和 161 行删除
components/Card.vue
浏览文件 @ 19987049
...@@ -22,7 +22,7 @@ export default { ...@@ -22,7 +22,7 @@ export default {
</script> </script>
<style lang="scss"> <style lang="scss">
.is-pc{ .is-pc {
.card { .card {
// margin: 0.2rem 0.15rem; // margin: 0.2rem 0.15rem;
} }
...@@ -48,7 +48,7 @@ export default { ...@@ -48,7 +48,7 @@ export default {
.card-bd { .card-bd {
} }
} }
.is-h5{ .is-h5 {
.card { .card {
margin: 0.2rem 0.15rem; margin: 0.2rem 0.15rem;
} }
......
components/home/projectFeatures.vue
浏览文件 @ 19987049
...@@ -121,7 +121,7 @@ export default { ...@@ -121,7 +121,7 @@ export default {
.card-item { .card-item {
margin-right: 10px; margin-right: 10px;
flex: 0 0 1.93rem; flex: 0 0 1.93rem;
height: 2.75rem; height: 1.4rem;
overflow: hidden; overflow: hidden;
position: relative; position: relative;
.item_media { .item_media {
...@@ -149,7 +149,7 @@ export default { ...@@ -149,7 +149,7 @@ export default {
.item_desc { .item_desc {
position: absolute; position: absolute;
left: 0; left: 0;
top: 1.1rem; top: 0;
width: 100%; width: 100%;
height: 2rem; height: 2rem;
...@@ -174,10 +174,10 @@ export default { ...@@ -174,10 +174,10 @@ export default {
font-size: 0.12rem; font-size: 0.12rem;
font-weight: 400; font-weight: 400;
color: #fff; color: #fff;
margin-top: 0.2rem; // margin-top: 0.2rem;
line-height: 0.24rem; line-height: 0.24rem;
text-align: justify; text-align: justify;
margin: auto; margin: 0 auto;
} }
} }
} }
......
components/home/projectIntroduce.vue
浏览文件 @ 19987049
<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">
<img src="https://webapp-pub.ezijing.com/project/seg-ppa/home-img2.png" class="desc-img" />
<p style="margin-left: 28px">
我们的校园位于首都北京清华科技园，这里是世界知名大都市的核心地带，这里是全球科技重要研发中心，我们的课程设计理念就是深度整合科技与管理教学资源，
将管理与科技、产业、金融深度融合，邀请院士教授、博士、科技创业者、科创投资者分享清华最前沿的科技创新和管理实践，通过每天的互动可以增加学习的潜力，积极构建中国企业科创新生态。
</p>
</div>
<div class="d-flex">
<p style="margin-right: 28px">
在当今世界紧密相连的商业环境中，拥有全球视野对于商业领袖至关重要。本项目通过海外名校游学和全球名企考察，不仅为学生提供了与世界顶尖学者交流和学习的机会，而且允许他们沉浸在不同的教育体系和文化环境中，与自世界各地的学生聚集在一起，研究具有全球影响力的案例，从而扩大视野，增进对全球商业动态的理解。此外，通过组织全球名企考察，我们的DBA项目使学生有机会直接接触国际商业操作和战略决策过程。这些考察不仅帮助学生获得宝贵的行业洞察力，还能实地体验如何在不同的市场环境中应用和实践商业理论。
</p>
<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 class="ul-n">
<div class="t-li">核心价值</div>
<!-- !! -->
<div class="li">
<img src="https://webapp-pub.ezijing.com/project/seg-ppa/p-js-n1.png" alt="" />
<div class="title">独具影响力的跨界学习平台</div>
</div> </div>
</div> <div class="d-flex" style="padding: 60px 0 80px">
<div class="ul-n"> <img src="https://webapp-pub.ezijing.com/project/seg-ppa/home-img2.png" class="desc-img" />
<div class="li"> <p style="margin-left: 28px">
<img src="https://webapp-pub.ezijing.com/project/seg-ppa/p-js-n2.png" alt="" /> 我们的校园位于首都北京清华科技园，这里是世界知名大都市的核心地带，这里是全球科技重要研发中心，我们的课程设计理念就是深度整合科技与管理教学资源，
<div class="title">构建国际化视野与行业资源</div> 将管理与科技、产业、金融深度融合，邀请院士教授、博士、科技创业者、科创投资者分享清华最前沿的科技创新和管理实践，通过每天的互动可以增加学习的潜力，积极构建中国企业科创新生态。
</p>
</div> </div>
<div class="li"> <div class="d-flex">
<img src="https://webapp-pub.ezijing.com/project/seg-ppa/p-js-n3.png" alt="" /> <p style="margin-right: 28px">
<div class="title">国际认可的DBA博士学位</div> 在当今世界紧密相连的商业环境中，拥有全球视野对于商业领袖至关重要。本项目通过海外名校游学和全球名企考察，不仅为学生提供了与世界顶尖学者交流和学习的机会，而且允许他们沉浸在不同的教育体系和文化环境中，与自世界各地的学生聚集在一起，研究具有全球影响力的案例，从而扩大视野，增进对全球商业动态的理解。此外，通过组织全球名企考察，我们的DBA项目使学生有机会直接接触国际商业操作和战略决策过程。这些考察不仅帮助学生获得宝贵的行业洞察力，还能实地体验如何在不同的市场环境中应用和实践商业理论。
</p>
<img src="https://webapp-pub.ezijing.com/project/seg-ppa/home-img3.png" class="desc-img" />
</div> </div>
</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 class="ul-n">
<div class="c-r"> <div class="t-li">核心价值</div>
<div class="ul" v-for="item in list"> <!-- !! -->
<div class="li" v-for="cItem in item"> <div class="li">
<div class="n"> <img src="https://webapp-pub.ezijing.com/project/seg-ppa/p-js-n1.png" alt="" />
{{ cItem.n }}<span>{{ cItem.nn }}</span> <div class="title">独具影响力的跨界学习平台</div>
</div>
<div class="z">{{ cItem.z }}</div>
</div> </div>
</div> </div>
<div class="b-ul"> <div class="ul-n">
<div class="li"> <div class="li">
<div class="n">No.12</div> <img src="https://webapp-pub.ezijing.com/project/seg-ppa/p-js-n2.png" alt="" />
<div class="z">2024泰晤士世界大学排名</div> <div class="title">构建国际化视野与行业资源</div>
</div> </div>
<div class="li"> <div class="li">
<div class="n">No.25</div> <img src="https://webapp-pub.ezijing.com/project/seg-ppa/p-js-n3.png" alt="" />
<div class="z">2024QS世界大学排名</div> <div class="title">国际认可的DBA博士学位</div>
</div>
</div>
</div>
<div class="p-banner">
<div class="h">项目使命</div>
<div class="t">培养科创企业<b>领军者</b> &nbsp; 用科技<b>创新</b>改变世界</div>
</div>
</card>
<!-- <card title="清华服务科创" style="margin-top: 113px">
<div class="create">
<div class="c-l">
<div class="t">
清华大学为科创企业提供科技创新资源支持，同时也为科技成果转化到企业提供综合服务，将先进技术应用到产业，才能发挥科技创新的价值。汇聚清华大学最强科研力量，为科创企业发展提供全方位的闭环链条，真正助力科创企业成长。
</div>
</div>
<div class="c-r">
<div class="ul" v-for="item in list">
<div class="li" v-for="cItem in item">
<div class="n">
{{ cItem.n }}<span>{{ cItem.nn }}</span>
</div>
<div class="z">{{ cItem.z }}</div>
</div>
</div>
<div class="b-ul">
<div class="li">
<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>
</card> -->
</div>
<div class="h5-page" v-else>
<card title="项目简介">
<img
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/h5/h-h5-img1.png"
class="h5-desc-img"
/>
<div class="h5-p m-t15 m-t-b15">
清控紫荆教育联合巴黎PPA商学院<br />
2024年，推出工商管理博士（DBA）项目，专为中国科技创新企业高层管理者、咨询行业合伙人、管理科学研究者持续发展设计。通过高质量、体系化的精英管理教育，培养战略思维、提升研究与决策能力、扩展专业网络及领导力，学习数字化转型与创新管理等最新管理理论，通过基于案例研讨学习方法将现实世界中的领导力挑战带入课堂，从而在快速变化的科技市场中有效调整企业战略，通过这些精心设计的学习课程，我们的DBA学生不仅将获得深厚的学术知识和研究能力，更将培养出真正的全球视野，为在全球市场中成功竞争和领导打下坚实的基础。
</div>
<img
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/h5/h-h5-img2.png"
class="h5-desc-img"
/>
<div class="h5-p m-t-b15">
我们的校园位于首都北京清华科技园，这里是世界知名大都市的核心地带，这里是全球科技重要研发中心，我们的课程设计理念就是深度整合科技与管理教学资源，
将管理与科技、产业、金融深度融合，邀请院士教授、博士、科技创业者、科创投资者分享清华最前沿的科技创新和管理实践，通过每天的互动可以增加学习的潜力，积极构建中国企业科创新生态。
</div>
<img
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/h5/h-h5-img3.png"
class="h5-desc-img"
/>
<div class="h5-p m-t-b15">
在当今世界紧密相连的商业环境中，拥有全球视野对于商业领袖至关重要。本项目通过海外名校游学和全球名企考察，不仅为学生提供了与世界顶尖学者交流和学习的机会，而且允许他们沉浸在不同的教育体系和文化环境中，与自世界各地的学生聚集在一起，研究具有全球影响力的案例，从而扩大视野，增进对全球商业动态的理解。此外，通过组织全球名企考察，我们的DBA项目使学生有机会直接接触国际商业操作和战略决策过程。这些考察不仅帮助学生获得宝贵的行业洞察力，还能实地体验如何在不同的市场环境中应用和实践商业理论。
</div>
</card>
<card title="项目背景">
<img
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/h5/h-h5-img4.png"
class="h5-desc-img"
/>
<div class="h5-p m-t-b15">
新质生产力，<br />
核心就是用科技创新推动产业创新。<br />
清控紫荆教育依托清华大学科技创新与管理教学优势，<br />
联合巴黎PPA商学院，<br />
秉承“科技创新改变世界”的核心宗旨，<br />
围绕“管理、科技、产业、金融”四个维度，<br />
倾力培养具备全球视野、前瞻思维的企业家，<br />
不仅掌握了最新的科技创新，<br />
更能利用这些技术改变世界。<br />
课程强调科技与商业战略的融合，<br />
深入探索人工智能、大数据、区块链等尖端技术，<br />
并将这些工具应用于解决全球性的商业和社会问题。<br />
培养科创企业领军者<br />
不仅能在技术浪潮中乘风破浪，<br />
更能引领这股浪潮，<br />
用科技创新开创更美好的世界。
</div>
</card>
<card>
<div class="h5-jz">核心价值</div>
<div class="h5-jz_item">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/h5/h5-jz1.png" />
<div class="jz-t">构建国际化视野与行业资源</div>
</div>
<div class="h5-jz_item">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/h5/h5-jz2.png" />
<div class="jz-t">独具影响力的跨界学习平台</div>
</div>
<div class="h5-jz_item">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/h5/h5-jz3.png" />
<div class="jz-t">国际认可的DBA博士学位</div>
</div>
</card>
<div class="h5-sm">
<div class="m-content">
<div class="sm-h1">项目使命</div>
<div class="sm-p">培养科创企业<span>领军者</span>&nbsp;&nbsp;用科技<span>创新</span>改变世界</div>
</div>
</div> </div>
</card> --> </div>
</div> </div>
</template> </template>
<script> <script>
...@@ -108,6 +182,11 @@ import AppLink from '@/components/Link' ...@@ -108,6 +182,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: [
...@@ -281,4 +360,72 @@ export default { ...@@ -281,4 +360,72 @@ export default {
color: #ffffff; color: #ffffff;
} }
} }
.h5-page {
.h5-desc-img {
width: 100%;
display: block;
}
.h5-p {
font-size: 0.12rem;
color: #666666;
}
.m-t15 {
margin-top: 0.15rem;
}
.m-t-b15 {
margin: 0.15rem 0;
}
.h5-jz {
line-height: 0.3rem;
background: #00204e;
font-weight: bold;
font-size: 0.12rem;
color: #ffffff;
text-align: center;
}
.h5-jz_item {
margin-top: 0.1rem;
img {
width: 100%;
display: block;
}
.jz-t {
line-height: 0.2rem;
background: #00204e;
text-align: center;
font-size: 0.1rem;
color: #ffffff;
}
}
.h5-sm {
height: 1.4rem;
background-image: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/home-img4-bg.png);
background-size: 100% 100%;
position: relative;
.m-content {
padding: 0.4rem 0.25rem;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(234, 105, 44, 0.8);
.sm-h1 {
font-weight: bold;
font-size: 0.16rem;
color: #ffffff;
// line-height: 34px;
}
.sm-p {
font-size: 0.14rem;
color: #ffffff;
letter-spacing: .02rem;
margin-top: .2rem;
span {
font-weight: bold;
}
}
}
}
}
</style> </style>
components/layout/h5/Header.vue
浏览文件 @ 19987049
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
src="http://zws-imgs-pub.oss-cn-beijing.aliyuncs.com/static/ezijing/logo/ezijing-logo.svg" src="http://zws-imgs-pub.oss-cn-beijing.aliyuncs.com/static/ezijing/logo/ezijing-logo.svg"
/> />
<nuxt-link to="/home" class="logo"> <nuxt-link to="/home" class="logo">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-shms/seg-shms-logo.png" /> <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/h5/h5-logo.png" />
</nuxt-link> </nuxt-link>
</div> </div>
<div class="search" @click="toggleSearch"></div> <div class="search" @click="toggleSearch"></div>
......
pages/course/index.vue
浏览文件 @ 19987049
<template> <template>
<div> <div :class="isMobile ? 'is-h5' : 'is-pc'">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/course-banner.png" style="width: 100%" /> <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/course-banner.png" style="width: 100%" />
<div class="max-width-center"> <div class="max-width-center">
<card title="研究路径"> <card title="研究路径">
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
</div> </div>
</div> </div>
</card> </card>
<card title="国内专业研究课程" style="margin-top: 103px"> <card title="国内专业研究课程" style="margin-top: 103px" class="card-h5-m">
<div> <div>
<img <img
class="chart" class="chart"
...@@ -27,8 +27,8 @@ ...@@ -27,8 +27,8 @@
/> />
</div> </div>
</card> </card>
<card title="海外国际商学院学习模块" style="margin-top: 103px"> <card title="海外国际商学院学习模块" style="margin-top: 103px" class="card-h5-m">
<div style="background-color: #fff; padding-bottom: 32px"> <div style="background-color: #fff; padding-bottom: 32px" class="h5-ba">
<img <img
class="chart2" class="chart2"
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/course-img3-new.png" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/course-img3-new.png"
...@@ -37,8 +37,8 @@ ...@@ -37,8 +37,8 @@
<div class="t-g2">注：每学年校方会组织两次 以上活动，学生每年至少参加一次活动，即可获得学分</div> <div class="t-g2">注：每学年校方会组织两次 以上活动，学生每年至少参加一次活动，即可获得学分</div>
</div> </div>
</card> </card>
<card title="前沿创新论坛" style="margin-top: 103px; margin-bottom: 100px"> <card title="前沿创新论坛" style="margin-top: 103px; margin-bottom: 100px" class="card-h5-m">
<div style="background-color: #fff; padding-bottom: 32px"> <div style="background-color: #fff; padding-bottom: 32px" class="h5-ba">
<img <img
class="chart2" class="chart2"
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/course-img2-new.png" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/course-img2-new.png"
...@@ -68,76 +68,131 @@ import Card from '@/components/Card' ...@@ -68,76 +68,131 @@ import Card from '@/components/Card'
export default { export default {
layout: 'normal', layout: 'normal',
components: { Card }, components: { Card },
computed: {
isMobile() {
return this.$store.state.isMobile
}
},
data() { data() {
return {} return {}
} }
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.max-width-center { .is-pc {
width: 1200px; .max-width-center {
margin: 64px auto 0; width: 1200px;
} margin: 64px auto 0;
.path-flex { }
display: flex; .path-flex {
justify-content: space-between; display: flex;
padding-top: 42px; justify-content: space-between;
.path-item { padding-top: 42px;
width: 292px; .path-item {
height: 345px; width: 292px;
background-size: 100% 100%; height: 345px;
&:nth-child(1) { background-size: 100% 100%;
background-image: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/course-path1.png); &:nth-child(1) {
} background-image: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/course-path1.png);
&:nth-child(2) { }
background-image: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/course-path2.png); &:nth-child(2) {
} background-image: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/course-path2.png);
&:nth-child(3) { }
background-image: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/course-path3.png); &:nth-child(3) {
background-image: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/course-path3.png);
}
&:nth-child(4) {
background-image: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/course-path4.png);
}
.t {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.73);
font-weight: bold;
font-size: 24px;
line-height: 345px;
color: #ffffff;
letter-spacing: 4px;
text-align: center;
}
} }
&:nth-child(4) { }
background-image: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/course-path4.png); .chart {
padding: 62px 49px;
box-sizing: border-box;
background-color: #fff;
// margin-top: 36px;
}
.chart2 {
padding: 62px 49px 0;
box-sizing: border-box;
background-color: #fff;
// margin-top: 36px;
}
.t-g {
font-weight: 400;
font-size: 18px;
color: #666666;
line-height: 36px;
text-align: left;
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;
}
}
.is-h5 {
.path-flex {
display: flex;
// justify-content: space-between;
// padding-top: 42px;
overflow-x: scroll;
.path-item {
min-width: 1.46rem;
min-height: 1.72rem;
background-size: 100% 100%;
margin-right: 0.05rem;
&:nth-child(1) {
background-image: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/course-path1.png);
}
&:nth-child(2) {
background-image: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/course-path2.png);
}
&:nth-child(3) {
background-image: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/course-path3.png);
}
&:nth-child(4) {
background-image: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/course-path4.png);
}
.t {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.73);
font-weight: bold;
font-size: 0.12rem;
line-height: 1.72rem;
color: #ffffff;
letter-spacing: 4px;
text-align: center;
}
} }
.t { }
width: 100%; .card-h5-m {
height: 100%; margin-top: 0.32rem !important;
background: rgba(0, 0, 0, 0.73); }
font-weight: bold; .h5-ba {
font-size: 24px; background: none !important;
line-height: 345px; .t-g2 {
color: #ffffff; font-size: 0.08rem;
letter-spacing: 4px; color: #262626;
text-align: center; line-height: 0.1rem;
} }
} }
} }
.chart {
padding: 62px 49px;
box-sizing: border-box;
background-color: #fff;
// margin-top: 36px;
}
.chart2 {
padding: 62px 49px 0;
box-sizing: border-box;
background-color: #fff;
// margin-top: 36px;
}
.t-g {
font-weight: 400;
font-size: 18px;
color: #666666;
line-height: 36px;
text-align: left;
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 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论