Skip to content

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

ppa项目站开发,缺项目id,报名流程等产品告知

上级 43d41395
显示空白字符变更
内嵌 并排
正在显示 包含 1245 行增加 和 266 行删除
components/home/banners.vue
浏览文件 @ eda55971
<template>
<div :class="isMobile ? 'is-h5' : 'is-pc'">
<div>
<div class="banner-content">
<a href="/my">
<img class="img" src="https://webapp-pub.ezijing.com/project/sit-plus/banner.png" />
</a>
<!-- <div class="content_desc">
<div class="desc_cn">斯蒂文斯理工学院工程管理硕士保研项目</div>
<div class="desc_en">Stevens Institute of Technology Master of Engineering in Engineering Management</div>
</div> -->
<div class="banner_navList" v-if="false">
<div class="banner_nav" v-for="(item, index) in navList" :key="index" @click="navClick(item)">
<div class="nav_top">
<img class="nav_img" :src="item.img" v-if="!isMobile" />
<img class="nav_img" :src="item.imgH5" v-else />
</div>
<div class="nav_tit">{{ item.tit }}</div>
</div>
</div>
<img class="img" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/home-banner.png" />
</div>
</div>
</template>
......@@ -24,73 +9,15 @@
<script>
export default {
data() {
return {
navList: [
{
img: 'https://webapp-pub.ezijing.com/project/marywood/icon1.png',
imgH5: 'https://webapp-pub.ezijing.com/project/marywood/h5/icon11.png',
tit: '报名申请',
tag: '1'
},
{
img: 'https://webapp-pub.ezijing.com/project/marywood/icon4.png',
imgH5: 'https://webapp-pub.ezijing.com/project/marywood/h5/icon41.png',
tit: '招生简章',
tag: '2'
return {}
},
{
img: 'https://webapp-pub.ezijing.com/project/marywood/icon5.png',
imgH5: 'https://webapp-pub.ezijing.com/project/marywood/h5/icon51.png',
tit: '项目介绍',
tag: '3'
},
{
img: 'https://webapp-pub.ezijing.com/project/marywood/icon2.png',
imgH5: 'https://webapp-pub.ezijing.com/project/marywood/h5/icon21.png',
tit: '资料下载',
tag: '4'
}
// {
// img: 'https://webapp-pub.ezijing.com/project/marywood/icon3.png',
// imgH5: 'https://webapp-pub.ezijing.com/project/marywood/h5/icon31.png',
// tit: '常见问题',
// tag: '5'
// }
]
}
},
computed: {
isMobile() {
return this.$store.state.isMobile
}
},
methods: {
navClick(item) {
if (item.tag === '1') {
this.$router.push('/my/account')
} else if (item.tag === '2') {
window.open(
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/sit-plus/%E6%96%AF%E8%92%82%E6%96%87%E6%96%AF%E7%90%86%E5%B7%A5%E5%AD%A6%E9%99%A2%E5%B7%A5%E7%A8%8B%E7%AE%A1%E7%90%86%E7%A1%95%E5%A3%AB%E4%BF%9D%E7%A0%94%E9%A1%B9%E7%9B%AE%E6%8B%9B%E7%94%9F%E7%AE%80%E7%AB%A0.pdf?v=1'
)
} else if (item.tag === '3') {
this.$router.push('/about/school')
} else if (item.tag === '4') {
this.$router.push('/dataDownload/dataDownload')
} else if (item.tag === '5') {
return ''
// this.$router.push('/question/question')
}
}
}
computed: {},
methods: {}
}
</script>
<style lang="scss" scoped>
.is-pc {
.banner-content {
.banner-content {
position: relative;
width: 100%;
.img {
......@@ -177,71 +104,5 @@ export default {
}
}
}
}
}
.is-h5 {
.banner-content {
position: relative;
width: 100%;
.img {
width: 100%;
height: 100%;
// z-index: 1000;
}
.content_desc {
position: absolute;
top: 15%;
left: 50%;
transform: translateX(-50%);
text-align: center;
.desc_cn {
font-size: 0.15rem;
font-weight: 500;
color: #ffffff;
text-shadow: -1.8369701465288538e-16px 3px 6px rgba(0, 0, 0, 0.3);
white-space: nowrap;
// text-align: center;
}
.desc_en {
font-size: 0.1rem;
font-weight: 400;
color: #ffffff;
text-shadow: -1.8369701465288538e-1 3px 6px rgba(0, 0, 0, 0.3);
// white-space: nowrap;
margin-top: 0.02rem;
}
}
.banner_navList {
padding: 0.43rem 0.33rem 0 0.35rem;
display: flex;
justify-content: space-around;
align-items: center;
.banner_nav {
text-align: center;
.nav_top {
.nav_img {
display: block;
width: 0.45rem;
// height: 100%;
margin-right: 0.2rem;
text-align: center;
}
}
.nav_tit {
// width: 100%;
// height: 0.24rem;
// line-height: 0.24rem;
width: 0.48rem;
margin-top: 0.08rem;
font-size: 0.12rem;
text-align: center;
color: #484848;
}
}
}
}
}
</style>
components/home/projectFeatures.vue
浏览文件 @ eda55971
......@@ -26,35 +26,34 @@ export default {
return {
listData: [
{
web_img_uri: 'https://webapp-pub.ezijing.com/project/sit-plus/feature_1.png',
item_desc_tit: '全美四大理工之一',
item_desc_con: '与麻省理工、加州理工等并称为<br/>全美四大理工学院'
web_img_uri: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/home-ts1.png',
item_desc_tit: '国家承认的正规机构',
item_desc_con: '巴黎PAA商学院<br/>法国国家认可<br/>中国教育部认证'
},
{
web_img_uri: 'https://webapp-pub.ezijing.com/project/sit-plus/feature_3.png',
item_desc_tit: '专业全美TOP10',
item_desc_con: 'STEM学科排名前5<br/>全美在线工程管理硕士排名第9<br/>全美大学最高薪酬排名第7'
web_img_uri: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/home-ts2.png',
item_desc_tit: '申请制入学',
item_desc_con: '学员资质审核<br/>不用参加博士考试<br/>在职学习'
},
{
web_img_uri: 'https://webapp-pub.ezijing.com/project/sit-plus/feature_2.png',
item_desc_tit: '师资雄厚',
item_desc_con: '2位诺贝尔奖得主<br/>科学管理之父泰勒'
web_img_uri: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/home-ts3.png',
item_desc_tit: '学位含金量高',
item_desc_con: '法国名校<br/>全球通用学位<br/>三年紧密团结的同窗友谊<br/>一生链接优质高端人脉'
},
{
web_img_uri: 'https://webapp-pub.ezijing.com/project/sit-plus/feature_4.png',
item_desc_tit: '校方直录',
item_desc_con: '点对点直录<br/>硕士学分国内提前修'
web_img_uri: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/home-ts4.png',
item_desc_tit: '中外资深教授',
item_desc_con: '清华教授博导亲自授课<br/>国际高校教授联合教学<br/>业界导师拓宽实践渠道'
},
{
web_img_uri: 'https://webapp-pub.ezijing.com/project/sit-plus/feature_5.png',
item_desc_tit: '免标准化考试',
item_desc_con: '校方考试替代托福、GRE'
web_img_uri: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/home-ts5.png',
item_desc_tit: '全球视野',
item_desc_con: '世界紧密相连<br/>海外名校游学<br/>全球名企考察'
},
{
web_img_uri: 'https://webapp-pub.ezijing.com/project/sit-plus/feature_6.png',
item_desc_tit: '精英辈出',
item_desc_con:
'美国通用汽车公司联合创始人<br/>Charles Stewart Mott<br/>厄瓜多尔总统Leon Febres Cordero<br/>Email访问协议发明者Mark Crispin<br/>LG显示器执行总裁Sang-Beom Han等'
web_img_uri: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/home-ts6.png',
item_desc_tit: '灵活学习方式',
item_desc_con: '动态沉浸式学习体验<br/>线上线下混合式学习<br/>实时互动、教学相长'
}
]
}
......
components/home/projectIntroduce.vue 0 → 100644
浏览文件 @ eda55971
<template>
<div class="service-content max-width-center">
<card title="项目简介">
<div class="desc">
<div class="d-flex">
<p style="margin-right: 28px">
清控紫荆教育联合巴黎PPA商学院<br />
2024年，推出工商管理博士（DBA）项目，专为中国科技创新企业高层管理者、咨询行业合伙人、管理科学研究者持续发展设计。通过高质量、体系化的精英管理教育，培养战略思维、提升研究与决策能力、扩展专业网络及领导力，学习数字化转型与创新管理等最新管理理论，通过基于案例研讨学习方法将现实世界中的领导力挑战带入课堂，从而在快速变化的科技市场中有效调整企业战略，通过这些精心设计的学习课程，我们的DBA学生不仅将获得深厚的学术知识和研究能力，更将培养出真正的全球视野，为在全球市场中成功竞争和领导打下坚实的基础。
</p>
<img src="https://webapp-pub.ezijing.com/project/seg-ppa/home-img1.png" class="desc-img" />
</div>
<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>
<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>
</card>
</div>
</template>
<script>
import Card from '@/components/Card'
import AppLink from '@/components/Link'
export default {
name: 'projectFeatures',
components: { AppLink, Card },
data() {
return {
list: [
[
{ n: 54, nn: '位', z: '中科院院士' },
{ n: 38, nn: '位', z: '中国工程院院士' },
{ n: 430, nn: '个', z: '校级科研机构' }
],
[
{ n: 18, nn: '个', z: '国家重点实验室' },
{ n: 15, nn: '个', z: '国家工程实验室' },
{ n: 176, nn: '个', z: '国家级部位重点科研机构' }
]
]
}
}
}
</script>
<style lang="scss" scoped>
.is-pc {
.max-width-center {
width: 1200px;
margin: 0 auto;
padding-top: 120px;
}
.desc-img {
height: fit-content;
// float: right;
// margin-left: 40px;
// margin-top: -60px;
}
.desc {
text-align: justify;
padding: 28px 0;
p {
font-size: 18px;
color: #666;
line-height: 36px;
}
}
.remark {
text-align: left;
font-size: 20px;
line-height: 30px;
color: #666666;
padding: 28px 30px 0 30px;
font-weight: 400;
}
}
.d-flex {
display: flex;
justify-content: space-between;
}
.p-banner {
position: relative;
line-height: 340px;
background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/home-img4-bg.png);
margin-top: 80px;
.t {
text-align: center;
font-size: 48px;
color: #ffffff;
letter-spacing: 8px;
background: rgba(234, 105, 44, 0.8);
}
.h {
position: absolute;
top: 64px;
left: 60px;
font-weight: bold;
font-size: 32px;
color: #ffffff;
line-height: 100%;
}
}
.create {
background-color: #fff;
margin-top: 58px;
display: flex;
.c-r {
width: 680px;
background-color: rgba(0, 32, 78, 1);
padding: 58px 25px 58px 70px;
box-sizing: border-box;
.ul {
display: flex;
margin-bottom: 20px;
.li {
flex: 1;
.n {
font-weight: bold;
font-size: 30px;
color: #ea692c;
line-height: 100%;
span {
font-size: 18px;
font-weight: normal;
}
}
.z {
font-weight: 400;
font-size: 18px;
color: #ffffff;
white-space: nowrap;
}
}
}
.b-ul {
width: 503px;
display: flex;
justify-content: space-between;
padding-top: 20px;
.li {
.n {
text-align: center;
font-weight: bold;
font-size: 30px;
color: #ea692c;
line-height: 100%;
}
.z {
font-weight: 400;
font-size: 18px;
color: #ffffff;
white-space: nowrap;
}
}
}
}
.c-l {
flex: 1;
// display: flex;
// justify-content: center;
// align-items: center;
padding: 90px 40px;
.t {
font-size: 18px;
color: #666666;
line-height: 36px;
width: 432px;
}
}
}
</style>
components/layout/pc/Foot.vue
浏览文件 @ eda55971
......@@ -4,39 +4,37 @@
<div class="foot-content">
<div class="left-content">
<div class="logo-title">
<img src="https://webapp-pub.ezijing.com/project/sit-plus/logo_white.png" />
<h1>工程管理硕士保研项目</h1>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/foot-logo.png" />
<!-- <h1>工程管理硕士保研项目</h1> -->
</div>
<div class="bottom">
<div class="bottom_left con">
<a href="/about/school">项目介绍</a>
<!-- <a href="/school/school3">院校介绍</a> -->
<!-- <a href="/question/question">常见问题</a> -->
<a href="/school/school3">清控紫荆教育</a>
<a href="/question/question">巴黎PPA商学院</a>
<!-- <a href="https://www.ezijing.com/" target="_blank">清控紫荆教育</a> -->
</div>
<div class="line"></div>
<div class="bottom_center con">
<a href="/enroll/apply">申请条件</a>
<!-- <a href="/">工程管理硕士保研</a> -->
<!-- <a href="/about/teacher">师资力量</a> -->
<a href="/enroll/apply">博士课程</a>
<a href="/">教授团队</a>
<a href="/about/teacher">教学安排</a>
<!-- <a href="/about/course">
项目优势
</a>-->
</div>
<div class="line"></div>
<div class="bottom_bottom con">
<a href="/my/account">报名系统</a>
<a href="/my/account">报名申请</a>
<!-- <a href="/dataDownload/dataDownload">资料下载</a> -->
<!-- <a href="/returnPolicy/returnPolicy">归国政策</a> -->
</div>
</div>
</div>
<div class="center-content">
<div class="contact">斯蒂文斯理工学院工程硕士保研项目</div>
<div class="contact">中国招生与教学中心（清控紫荆教育）</div>
<div class="contact">联系我们</div>
<!-- <div class="contact">中国招生与教学中心（清控紫荆教育）</div> -->
<div class="bottom">
<div class="address" v-html="$t('foot.address')"></div>
<div class="phone" v-html="$t('foot.contact')"></div>
......@@ -47,10 +45,10 @@
</div>
</div>
<div class="right-content">
<img src="https://webapp-pub.ezijing.com/project/sit-plus/sit_wechat.png" class="code" />
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/foot-code.png" class="code" />
<div class="tips-txt">
<img src="https://zws-imgs-pub.ezijing.com/static/public/184235d9f6edbb39d52fc6f77339ff5b.png" />
<div class="txt">{{ $t('foot.weChat') }}</div>
<div class="txt">微信公众号</div>
</div>
</div>
</div>
......@@ -198,10 +196,10 @@ export default {}
.logo-title {
display: flex;
align-items: center;
height: 50px;
// height: 50px;
img {
margin-top: -40px;
height: 125px;
margin-top: -30px;
height: 98px;
}
h1 {
margin-left: 14px;
......
components/layout/pc/Head.vue
浏览文件 @ eda55971
......@@ -7,10 +7,11 @@
<img src="https://zws-imgs-pub.ezijing.com/static/public/307f688850f8308a5c944bd129436fe0.png" />
</nuxt-link> -->
<div class="logo-box">
<img @click="goWebsite" src="https://webapp-pub.ezijing.com/project/sit-plus/logo.png" />
<img class="zj-logo" @click="goWebsite" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/zj-logo.png" />
<div class="line"></div>
<img class="ppa-logo" @click="goWebsite" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/paa-logo.png" />
<nuxt-link to="/">
<div class="title">斯蒂文斯理工学院工程管理硕士保研项目</div>
<div class="title">科创+DBA</div>
</nuxt-link>
<!-- <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/marywood_logo.svg" /> -->
</div>
......@@ -113,8 +114,14 @@ li {
display: flex;
align-items: center;
justify-content: center;
img {
height: 89px;
padding: 20px 0;
.zj-logo {
height: 55px;
cursor: pointer;
display: block;
}
.ppa-logo{
height: 60px;
cursor: pointer;
display: block;
}
......@@ -132,6 +139,7 @@ li {
white-space: nowrap;
word-wrap: normal;
word-break: keep-all;
margin-left: 35px;
}
}
.user {
......
components/layout/pc/Menu.vue
浏览文件 @ eda55971
<template>
<ul class="nav-item-box" @mouseleave="navLeave">
<template v-for="(item, index) in navData">
<li :key="index">
<li>
<div :class="getNameActive(item)">
<template v-if="!item.path">
<template v-if="item.onClick">
......@@ -20,7 +20,6 @@
<template v-for="(level2Item, level2Index) in item.children">
<div
:class="$route.path === level2Item.path || level2Item.isShow ? 'li active' : 'li'"
:key="level2Index + 'level2'"
@mouseenter="levelShow(level2Item)"
@mouseleave="levelShow(level2Item, 'out')"
>
......@@ -48,18 +47,45 @@ export default {
return {
navData: [
{
name: '学校介绍',
path: '/school/school'
name: '项目介绍',
path: '/'
},
// 项目介绍
{
name: this.$t('menu.project'),
path: '/about/school',
name: '清控国际学院',
path: '/ezijing'
},
{
name: '巴黎PPA商学院',
path: '/ppa'
},
{
name: '博士课程',
path: '/course'
},
{
name: '教授团队',
path: '/team/tab1',
children: [
{ name: '教授导师', path: '/team/tab1' },
{ name: '清华研究', path: '/team/tab2' }
]
},
{
name: '教学安排',
path: '/plan/tab1',
children: [
{ name: this.$t('menu.schoolChild.school3'), path: '/about/school' }
// { name: this.$t('menu.newsChild.hot'), path: '/news/hot' }
// { name: this.$t('menu.projectChild.feature'), path: '/project-intro/charac' },
// { name: this.$t('menu.projectChild.cert'), path: '/project-intro/certificate' }
{ name: '教学教务', path: '/plan/tab1' },
{ name: '学位颁授', path: '/plan/tab2' }
]
},
{
name: '报名申请',
path: '/apply/tab1',
children: [
{ name: '学习费用', path: '/apply/tab1' },
{ name: '申请流程', path: '/apply/tab2' },
{ name: '在线报名', path: '/my' }
]
},
// 项目优势
......@@ -83,45 +109,45 @@ export default {
// ]
// },
// 学历认证
{
name: this.$t('menu.academic'),
path: '/academic/academic'
},
// 报名流程
{
name: this.$t('menu.enroll'),
path: '/enroll/process',
children: [
{ name: this.$t('menu.enrollChild.process'), path: '/enroll/process' },
// { name: this.$t('menu.enrollChild.brochure'), path: '/enroll/brochure' },
{ name: this.$t('menu.enrollChild.apply'), path: '/enroll/apply' }
]
},
// 资料下载
{
name: this.$t('menu.dataDownload'),
path: '/dataDownload/dataDownload'
},
// 归国政策
{
name: '就业福利',
path: '/returnPolicy/returnPolicy',
children: [
{ name: '高薪就业', path: '/returnPolicy/salary' },
// { name: this.$t('menu.enrollChild.brochure'), path: '/enroll/brochure' },
{ name: '归国政策', path: '/returnPolicy/returnPolicy' }
]
},
// 常见问题
// {
// name: this.$t('menu.question'),
// path: '/question/question'
// name: this.$t('menu.academic'),
// path: '/academic/academic'
// },
// 报名申请
{
name: this.$t('menu.apply'),
path: '/my'
}
// // 报名流程
// {
// name: this.$t('menu.enroll'),
// path: '/enroll/process',
// children: [
// { name: this.$t('menu.enrollChild.process'), path: '/enroll/process' },
// // { name: this.$t('menu.enrollChild.brochure'), path: '/enroll/brochure' },
// { name: this.$t('menu.enrollChild.apply'), path: '/enroll/apply' }
// ]
// },
// // 资料下载
// {
// name: this.$t('menu.dataDownload'),
// path: '/dataDownload/dataDownload'
// },
// // 归国政策
// {
// name: '就业福利',
// path: '/returnPolicy/returnPolicy',
// children: [
// { name: '高薪就业', path: '/returnPolicy/salary' },
// // { name: this.$t('menu.enrollChild.brochure'), path: '/enroll/brochure' },
// { name: '归国政策', path: '/returnPolicy/returnPolicy' }
// ]
// },
// // 常见问题
// // {
// // name: this.$t('menu.question'),
// // path: '/question/question'
// // },
// // 报名申请
// {
// name: this.$t('menu.apply'),
// path: '/my'
// }
],
time: null
}
......@@ -160,7 +186,8 @@ export default {
getNameActive() {
return item => {
const currentPath = this.$route.path
if (currentPath.includes(item.path)) {
// if (currentPath.includes(item.path)) {
if (currentPath === item.path) {
return 'name active'
} else {
let className = 'name'
......
pages/apply/tab1.vue 0 → 100644
浏览文件 @ eda55971
<template>
<app-frame :data="frameParams">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/plan-t2-b.png" />
<div class="content">
<card title="学习费用">
<div class="t-g">
学费人民币31.8万，含授课费、讲义资料费、授课翻译费、论文指导费、论文答辩费、证书费、学籍注册费、海外研学学分课程费用；<br />
不含签证手续费、食宿费、交通费。
</div>
</card>
</div>
</app-frame>
</template>
<script>
import appFrame from '@/components/appFrame'
import Card from '@/components/Card'
export default {
layout: 'normal',
components: { appFrame, Card },
data() {
return {
showIndex: 0,
frameParams: {
slider: [
{ name: '学习费用', path: '/apply/tab1' },
{ name: '申请流程', path: '/apply/tab2' },
{ name: '在线报名', path: '/my' }
]
}
}
},
computed: {},
methods: {
tabChange(n) {
this.showIndex = n
}
}
}
</script>
<style lang="scss" scoped>
.content {
background-color: #fff;
padding: 77px 40px;
box-sizing: border-box;
.t-g {
margin-top: 50px;
font-size: 18px;
color: #666666;
line-height: 36px;
}
}
</style>
pages/apply/tab2.vue 0 → 100644
浏览文件 @ eda55971
<template>
<app-frame :data="frameParams">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/plan-t2-b.png" />
<div class="content">
<card title="申请条件">
<div class="t-g">
申请制项目，申请人须满足一下基本条件：<br />
·硕士及以上学历<br />
·具有至少5年的管理经验<br />
·企业董事长、总经理及在大型企业中高级管理层
</div>
</card>
<card title="申请材料" style="margin: 77px 0">
<div class="t-g">
入学申请书<br />
推荐信三封<br />
身份证复印件（正反面）<br />
2寸白底彩色免冠证件照<br />
最高学历（学位）证书<br />
最高学历（学位）中文或英文成绩单<br />
报名费¥2000元
</div>
</card>
<card title="申请流程">
<div class="t-g">
1、递交申请材料<br />
2、缴报名费<br />
3、项目审核<br />
4、入学面试<br />
5、发放录取通知书
</div>
</card>
</div>
</app-frame>
</template>
<script>
import appFrame from '@/components/appFrame'
import Card from '@/components/Card'
export default {
layout: 'normal',
components: { appFrame, Card },
data() {
return {
showIndex: 0,
frameParams: {
slider: [
{ name: '学习费用', path: '/apply/tab1' },
{ name: '申请流程', path: '/apply/tab2' },
{ name: '在线报名', path: '/my' }
]
}
}
},
computed: {},
methods: {
tabChange(n) {
this.showIndex = n
}
}
}
</script>
<style lang="scss" scoped>
.content {
background-color: #fff;
padding: 77px 40px;
box-sizing: border-box;
.t-g {
margin-top: 50px;
font-size: 18px;
color: #666666;
line-height: 36px;
}
}
</style>
pages/course/index.vue 0 → 100644
浏览文件 @ eda55971
<template>
<div>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/course-banner.png" style="width: 100%" />
<div class="max-width-center">
<card title="研究路径">
<div class="path-flex">
<div class="path-item">
<div class="t">三年学制</div>
</div>
<div class="path-item">
<div class="t">专业课程</div>
</div>
<div class="path-item">
<div class="t">学术论坛</div>
</div>
<div class="path-item">
<div class="t">全球视野</div>
</div>
</div>
</card>
<card title="学分课程模块" style="margin-top: 103px">
<div>
<img
class="chart"
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/course-img1.png"
style="width: 100%"
/>
</div>
</card>
<card title="中国经济新质生产力前沿创新学术论坛" style="margin-top: 103px">
<div class="t-g">
每年在清华定期举办《新质生产力与产业创新论坛》，邀请来自清华、中国科学院等研究机构数十位国内专家学者，分享来自各个领域科技创新成果和产业创新转型的实践经验。结合论坛，组织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;·知名企业标杆学习
</div>
</card>
<card title="全球视野研究实践课程" style="margin: 103px 0">
<div class="t-g">
与全球创新面对面，全球访学能够让参与者接触不同国家和地区的商业实践和文化，更好地理解全球商业这种跨文化的经验，激发创新思维，培养国际化的视野。与来自不同国家和地区的企业家交流，分享经验和意见，促进合作和创新，为企业发展带来新的机遇和可能性。<br />
·美国-科技创新之旅&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;·日本-极致服务创新之旅&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;·东南亚-新兴市场洞察与产业创新之旅
</div>
</card>
</div>
</div>
</template>
<script>
import Card from '@/components/Card'
export default {
layout: 'normal',
components: { Card },
data() {
return {}
}
}
</script>
<style lang="scss" scoped>
.max-width-center {
width: 1200px;
margin: 64px auto 0;
}
.path-flex {
display: flex;
justify-content: space-between;
padding-top: 42px;
.path-item {
width: 292px;
height: 345px;
background-size: 100% 100%;
&: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: 24px;
line-height: 345px;
color: #ffffff;
letter-spacing: 4px;
text-align: center;
}
}
}
.chart {
padding: 62px 49px;
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;
}
</style>
pages/ezijing/index.vue 0 → 100644
浏览文件 @ eda55971
<template>
<div>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/ezijing-banner.png" style="width: 100%;">
<div class="max-width-center">
<card title="清控紫荆教育">
<div class="t">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;紫荆教育全称是清控紫荆（北京）教育科技股份有限公司，2015年以清华大学五道口金融学院相关知识产权创设而成，注册资本1亿元人民币。成立7年以来，紫荆教育以“让每个人都有改变的能力”为使命，践行“真心实意、行胜于言”的核心价值观，立足国内，放眼国际，为国家、社会和企业培养人才，为每个有需要的人提供高质量的教育服务。<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;在国内，紫荆教育服务超过1000家政府机关、大型央企、金融机构和行业龙头企业，提供从员工到高管的人才培养服务和在线教育解决方案，服务超过500万人次。并以产业和企业的岗位需求和人才技能为出发点，与国内超过200所高校合作，落地产业学院、实践基地、产教融合中心等项目，通过数字化赋能，解决产业人才需求和学生的实习就业难题。<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;在全球，紫荆教育与美国石溪大学等几十所著名高校合作，涵盖商学、心理学、教育学和工程学等多个学科，已经有来自18个国家和地区，中国34个省，世界顶级名校背景，超过6000名优秀人才在紫荆教育的各个学位项目中学习，攻读硕士或者博士学位。以教育科技为核心，脚踏实地，让更多的人更方便的获取更好的教育服务，是紫荆教育一直的追求。
</div>
<div class="ez-c">
<div class="ul" v-for="item in list">
<div class="li" v-for="cItem in item">
<div class="n">{{ cItem.n }}</div>
<div class="z">{{ cItem.z }}</div>
</div>
</div>
</div>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/ezijing-img1.png" style="margin: 100px 0;">
</card>
</div>
</div>
</template>
<script>
import Card from '@/components/Card'
export default {
layout: 'normal',
components: { Card },
data() {
return {
list: [
[
{ n: '100+', z: '国际合作院校' },
{ n: '547门', z: '线上课程' },
{ n: '1000+', z: '金融机构/协会/政府/学校' },
{ n: '700+', z: '国内外师资' }
],
[
{ n: '1100+', z: '学术直播课' },
{ n: '4900+', z: '总研发课时' },
{ n: '6000+', z: '学位学员' },
{ n: '500万+', z: '人次学习' }
]
]
}
}
}
</script>
<style lang="scss" scoped>
.max-width-center {
width: 1200px;
margin: 64px auto 0;
}
.t {
font-size: 18px;
color: #666666;
line-height: 36px;
margin-top: 40px;
}
.ez-c {
margin-top: 100px;
background-color: #fff;
padding: 60px 0 70px;
.ul {
display: flex;
&:nth-child(1){
margin-bottom: 40px;
}
.li {
flex: 1;
.n {
text-align: center;
font-weight: bold;
font-size: 30px;
color: #ea692c;
line-height: 36px;
}
.z {
font-size: 18px;
color: #333333;
line-height: 36px;
text-align: center;
}
}
}
}
</style>
pages/index.vue
浏览文件 @ eda55971
......@@ -2,52 +2,24 @@
<div class="container">
<!-- banner图 -->
<banners />
<!-- 学校简介 -->
<school-introduce/>
<!-- 项目定位 -->
<project-position />
<!-- 项目优势 -->
<!-- 项目简介,项目背景,清华服务科创 -->
<project-introduce />
<!-- 项目特色 -->
<project-features />
<!-- 校园风光 -->
<!-- <school-senery /> -->
<!-- 最新动态 -->
<news />
<!-- 视频 -->
<Video style="margin-bottom:0.2rem" />
<!-- 右侧功能栏 -->
<right-aside v-if="!isMobile" />
</div>
</template>
<script>
import banners from '../components/home/banners.vue'
import projectPosition from '../components/home/projectPosition.vue'
import projectFeatures from '../components/home/projectFeatures'
// import schoolSenery from '../components/home/schoolSenery.vue'
import news from '../components/home/news'
import presence from '../components/home/presence'
import commonProblem from '../components/home/commonProblem'
import openClass from '../components/home/openClass'
import rightAside from '../components/rightAside'
import Video from '../components/home/Video.vue'
import Banners from '../components/home/banners.vue'
import SchoolIntroduce from '../components/home/schoolIntroduce.vue'
import projectIntroduce from '../components/home/projectIntroduce.vue'
export default {
layout: 'normal',
components: {
banners,
projectPosition,
projectFeatures,
// schoolSenery,
news,
presence,
commonProblem,
openClass,
rightAside,
Video,
Banners,
SchoolIntroduce
projectIntroduce
},
data() {
return {
......@@ -66,5 +38,6 @@ export default {
.container {
width: 100%;
position: relative;
padding-bottom: 100px;
}
</style>
pages/plan/tab1.vue 0 → 100644
浏览文件 @ eda55971
<template>
<app-frame :data="frameParams">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/plan-t2-b.png" />
<div class="content">
<card title="论文指导">
<div class="t-g">
在学员完成第一年课程后，校方将提供可选择的中外导师名单，学员可根据自己的研究方向、语言能力和沟通便利性等因素进行双向选择。<br />
论文写作过程包括开题报告审核、论文撰写、预答辩、正式答辩等环节。
</div>
</card>
<card title="毕业方式" style="margin: 77px 0">
<div class="t-g">
DBA博士论文，字数不少于50,000字<br />
备注:学员可以选择以下任一形式撰写论文。<br />
研究论文：中文撰写(附英文翻译)或英文撰写，博导一对一指导。 <br />
学术文章：三篇学术文章，获国际期刊及国内B+以上期刊采用或再投稿推荐。 <br />
学术专著：一本学术专著书籍或科学叙述性文章，博导一对一指导。
</div>
</card>
<card title="证书颁授">
<div class="t-g">
学员完成所有课程并考核合格后，获得资格参加博士论文答辩，经巴黎PPA商学院学位评审委员会通过论文答辩，可获颁授巴黎PPA商学院工商管理博士(DBA)学位证书，学位全球认可。
</div>
</card>
</div>
</app-frame>
</template>
<script>
import appFrame from '@/components/appFrame'
import Card from '@/components/Card'
export default {
layout: 'normal',
components: { appFrame, Card },
data() {
return {
showIndex: 0,
frameParams: {
slider: [
{ name: '教学教务', path: '/plan/tab1' },
// { name: this.$t('menu.enrollChild.brochure'), path: '/enroll/brochure' },
{ name: '学位颁授', path: '/plan/tab2' }
]
}
}
},
computed: {},
methods: {
tabChange(n) {
this.showIndex = n
}
}
}
</script>
<style lang="scss" scoped>
.content {
background-color: #fff;
padding: 77px 40px;
box-sizing: border-box;
.t-g {
margin-top: 50px;
font-size: 18px;
color: #666666;
line-height: 36px;
}
}
</style>
pages/plan/tab2.vue 0 → 100644
浏览文件 @ eda55971
<template>
<app-frame :data="frameParams">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/team-t2-b.png" />
<div class="content">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/team-t2-i1.png" />
</div>
</app-frame>
</template>
<script>
import appFrame from '@/components/appFrame'
export default {
layout: 'normal',
components: { appFrame },
data() {
return {
frameParams: {
slider: [
{ name: '教授导师', path: '/team/tab1' },
{ name: '清华研究', path: '/team/tab2' }
]
}
}
},
computed: {
}
}
</script>
<style lang="scss" scoped>
.content{
padding: 80px 35px;
box-sizing: border-box;
img{
width: 100%;
}
}
</style>
pages/ppa/index.vue 0 → 100644
浏览文件 @ eda55971
<template>
<div>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/ppa-banner.png" style="width: 100%" />
<div class="max-width-center">
<card title="巴黎PPA商学院">
<div class="t">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;巴黎PPA商学院（Pôle Paris Alternance Business
School）是巴黎顶尖的欧洲商业和管理商学院之一，创立于2004年，法国国家认可的高等教育机构，法国专业精英学院（Réseau
GES）联盟成员，美国商学院认证委员会ACBSP认证，国际商学院协会AACSB会员，法国技能署France
compétences成员，法国ISQ协会专业培训机构认证，法国权威媒体《巴黎人》将巴黎PPA商学院评为2023年最佳学士学位排名TOP
10。<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;巴黎PPA商学院在法国11个城市设有校区，在巴黎有3个校区，以及普罗旺斯地区艾克斯、波尔多、格勒诺布尔、
里尔、里昂、南特、兰斯、雷恩、土伦和图卢兹。巴黎PPA商学院总校坐落于法国的首都巴黎，巴黎自身就是一个充满历史文化、时尚艺术、商业金融、国际化学术氛围的城市，为学生提供优质的教育和研究机会，增强学生的全球视野和跨文化沟通能力。
</div>
<div class="t-w">
<div class="w" style="margin-right: 75px">
巴黎PPA商学院的课程因其内容的质量以及可用课程的多样性而脱颖而出。商学院提供9个专业方向：市场营销、传播、采购和供应链、国际商务、商业管理和商业工程、咨询、审计和管理控制、金融、财富管理和房地产、人力资源等。目前商学院拥有9个本科学位课程，13个硕士学位课程、工商管理硕士学位MBA课程及工商管理博士学位DBA课程。另外，凭借遍布各大洲的合作机构网络，巴黎PPA商学院为学生提供了在国际上完成一个学期或一整年的海外留学机会。
</div>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/ppa-img1.png" class="tp" />
</div>
<div class="t-w">
<img
style="margin-right: 75px"
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/ppa-img2.png"
class="tp"
/>
<div class="w">
巴黎PPA商学院的专业精神和学术卓越型享誉盛名，始终致力于为年轻一代提供最好的教育服务。巴黎PPA商学院拥有6300名在校学生，以追求卓越的积极教学法和课程中充满活力的项目推动学生在商业和管理领域取得成功。通过创新的课程和举措，会议、访问和开放计划使学生能够通过与参与者交流来发展自己的知识，丰富了他们的个人和专业文化。在巴黎PPA商学院，各类专家、经理、企业家、校友，每年都有100多名演讲者前来与学生分享他们的经验和愿景。学生在整个课程中与专业人士交流，以完善他们的职业项目，发现他们感兴趣的行业的主要参与者，并发展自己的网络。
</div>
</div>
</card>
</div>
<div class="alumni">
<div class="al-n">
<div class="al-n_t">
巴黎PPA商学院拥有40,000+名校友，遍布全球数十个国家和地区。
巴黎PPA商学院与3500家知名企业建立战略合作关系，包括法国巴黎银行、法国兴业银行、安联集团、苹果、微软、惠普、雪铁龙、宝马、大众、雀巢、可口可乐、汉堡王、香奈儿、路易威登、爱马仕等众多品牌，他们积极参与培养未来企业管理者和企业家。
</div>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/ppa-img3.png" class="al-n_tp" />
</div>
</div>
<div class="cscse">
<div class="h1">巴黎PPA商学院是中国教育部承认正规院校</div>
<div class="h2">（教育部留学服务中心学历学位认证“留学e网通”服务大厅认证院校可查询）</div>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/ppa-img4.png" />
</div>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/ppa-rank.png" class="ppa-rank" />
<div class="rz">
<div class="ul" v-for="item in list">
<div class="li" v-for="cItem in item">
<div class="block">
<img :src="cItem.img" />
</div>
<div class="txt" v-html="cItem.txt"></div>
</div>
</div>
</div>
<div class="mall">
<card title="校长邀请信">
<p>
首先，我代表巴黎PPA商学院向您致以诚挚的问候。作为校长，我有幸向您介绍我们的工商管理博士DBA项目，这是一条为那些寻求在商业理论和实践之间架起桥梁的职业人士量身打造的学习之路。
</p>
<p>
在巴黎PPA商学院，我们坚信“实践出真知”这一理念。我们的DBA课程专为希望通过实践深化对商业理论的理解并在其职业生涯中应用这些知识的专业人士设计。通过结合学术研究和实际应用，本课程旨在培养学生的批判性思维、创新解决问题的能力以及领导力，这些都是当今商界成功所必需的。
</p>
<p>
我们的课程强调与行业专家的合作，为学生提供真实的业务挑战，通过这种方式，您不仅能够将理论知识应用到实际情境中，还能在我们资深教授的指导下，探索最新的商业趋势和技术。此外，巴黎PPA商学院的全球校友网络也将为您提供宝贵的职业联系和资源。
</p>
<p>
加入我们，您将获得一个独特的机会，深入研究商业管理的各个方面，同时将您的职业实践上升到一个新的水平。我们诚邀您考虑加入这个旨在培养下一代商业领袖的尖端项目。
</p>
<p>
我们期待您加入巴黎PPA商学院，共同探索和创造知识的新境界。为了更好地了解我们的DBA项目和申请过程，欢迎您访问我们的网站或联系我们的招生办公室。我们非常期待您的回复，并希望在不久的将来与您一起开启这段学术旅程。
</p>
<div class="sm">Christophe Felidj 克里斯托夫·费利吉<br />巴黎PPA商学院校长</div>
</card>
</div>
</div>
</template>
<script>
import Card from '@/components/Card'
export default {
layout: 'normal',
components: { Card },
data() {
return {
list: [
[
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/ppa-rz1.png',
txt: '美国商学院<br/>认证委员会认证'
},
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/ppa-rz2.png',
txt: '国际精英<br/>商学院协会认证'
},
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/ppa-rz3.png',
txt: '法国国家能力机构<br/>专业资格认证'
}
],
[
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/ppa-rz4.png',
txt: '法国高等教育机构<br/>质量认证'
},
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/ppa-rz5.png',
txt: '法国ISQ协会OPQF<br/>专业培训机构认证'
},
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/ppa-rz6.png',
txt: '法国国家培训和高等教育<br/>管理委员会授权授予学位'
}
],
[
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/ppa-rz7.png',
txt: '法国专业精英学院<br/>联盟成员'
}
]
]
}
}
}
</script>
<style lang="scss" scoped>
.max-width-center {
width: 1200px;
margin: 64px auto 0;
}
.t {
font-size: 18px;
color: #666666;
line-height: 36px;
margin-top: 40px;
margin-bottom: 100px;
}
.t-w {
margin-bottom: 70px;
display: flex;
align-items: center;
.w {
font-size: 18px;
color: #666666;
line-height: 32px;
text-align: left;
}
}
.alumni {
background-color: rgba(0, 32, 78, 1);
padding: 54px 0;
.al-n {
width: 1200px;
margin: 0 auto;
align-items: center;
display: flex;
.al-n_t {
font-size: 18px;
color: #ffffff;
line-height: 32px;
margin-right: 63px;
}
}
}
.cscse {
margin-top: 100px;
text-align: center;
.h1 {
font-weight: bold;
font-size: 32px;
color: #333333;
line-height: 34px;
}
.h2 {
font-size: 18px;
color: #666666;
line-height: 34px;
}
img {
margin: 50px auto 100px;
display: block;
}
}
.ppa-rank {
width: 100%;
}
.rz {
background-color: rgba(234, 105, 44, 1);
padding: 90px 0 50px;
.ul {
width: 1200px;
margin: 0 auto 50px auto;
display: flex;
justify-content: space-between;
&:last-child {
margin: 0 auto;
justify-content: center;
}
.li {
text-align: center;
.block {
width: 265px;
height: 124px;
background: #ffffff;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.txt {
font-size: 22px;
color: #ffffff;
line-height: 28px;
margin-top: 15px;
}
}
}
}
.mall {
width: 1195px;
height: 540px;
background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/ppa-mall.png);
background-size: 100% 100%;
margin: 100px auto;
padding: 43px 0 0 45px;
box-sizing: border-box;
p {
width: 728px;
font-size: 16px;
color: #666666;
line-height: 24px;
text-indent: 2em;
margin-left: 10px;
&:nth-child(1) {
margin-top: 30px;
}
}
.sm {
width: 728px;
font-size: 16px;
color: #666666;
line-height: 24px;
text-align: right;
margin-top: 30px;
}
}
</style>
pages/team/tab1.vue 0 → 100644
浏览文件 @ eda55971
<template>
<app-frame :data="frameParams">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/team-t1-b1.png" />
<div class="content">
<div class="list" v-for="item in list">
<div class="item" v-for="cItem in item">
<img :src="cItem.p" />
<div class="name" v-if="cItem.s" style="font-size: 16px;letter-spacing: 0px;">{{ cItem.n }}</div>
<div class="name" v-else>{{ cItem.n }}</div>
<div class="js" v-html="cItem.j"></div>
</div>
</div>
</div>
</app-frame>
</template>
<script>
import appFrame from '@/components/appFrame'
export default {
layout: 'normal',
components: { appFrame },
data() {
return {
showIndex: 0,
frameParams: {
slider: [
{ name: '教授导师', path: '/team/tab1' },
// { name: this.$t('menu.enrollChild.brochure'), path: '/enroll/brochure' },
{ name: '清华研究', path: '/team/tab2' }
]
},
list: [
[
{
p: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/team-t1-p1.png',
n: '陈国权',
j: '清华大学经济管理学院<br/>领导力与组织管理系教授'
},
{
p: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/team-t1-p2.png',
n: '高建',
j: '清华大学经济管理学院<br/>创新创业和战略系教授'
},
{
p: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/team-t1-p3.png',
n: '胡左浩',
j: '清华大学经济管理学院<br/>市场营销系教授'
},
{
p: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/team-t1-p4.png',
n: '金占明 ',
j: '清华大学经济管理学院<br/>创新创业和战略系教授'
}
],
[
{
p: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/team-t1-p5.png',
n: '刘玲玲',
j: '清华大学经济管理学院<br/>经济系教授'
},
{
p: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/team-t1-p6.png',
n: '孙静',
j: '清华大学经济管理学院<br/>管理科学与工程系教授'
},
{
p: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/team-t1-p7.png',
n: '王勇',
j: '清华大学社会科学学院<br/>经济学研究所教授'
},
{
p: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/team-t1-p8.png',
n: '谢德仁',
j: '清华大学经济管理学院<br/>会计系教授'
}
],
[
{
p: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/team-t1-p9.png',
n: '谢伟',
j: '清华大学经济管理学院<br/>创新创业和战略系教授'
},
{
p: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/team-t1-p10.png',
n: '杨百寅',
j: '清华大学经济管理学院<br/>领导力与组织管理系教授'
},
{
p: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/team-t1-p11.png',
n: '杨之曙',
j: '清华大学经济管理学院<br/>金融系教授'
},
{
p: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/team-t1-p12.png',
n: '周立',
j: '清华大学经济管理学院<br/>会计系教授'
}
],
[
{
p: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/team-t1-p13.png',
n: '于增彪',
j: '清华大学经济管理学院<br/>会计系教授'
},
{
p: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/team-t1-p14.png',
n: 'Christophe Felidj',
j: '巴黎PPA商学院校长<br/>数字化转型教授',
s: true
},
{
p: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/team-t1-p15.png',
n: 'David BROWN-BRULANT',
j: '巴黎PPA商学院<br/>供应链管理教授',
s: true
},
{
p: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/team-t1-p16.png',
n: 'Eric VAN EYCK',
j: '巴黎PPA商学院<br/>财富管理教授',
s: true
}
]
]
}
},
computed: {},
methods: {
tabChange(n) {
this.showIndex = n
}
}
}
</script>
<style lang="scss" scoped>
.content {
background-color: #fff;
padding: 56px 72px;
box-sizing: border-box;
.list {
display: flex;
justify-content: space-between;
margin-bottom: 56px;
.item {
// max-width: 176px;
// min-width: 176px;
img {
width: 176px;
display: block;
}
.name {
font-weight: bold;
font-size: 20px;
color: #333333;
line-height: 100%;
letter-spacing: 2px;
text-align: center;
margin: 17px 0;
}
.js {
font-size: 16px;
color: #666666;
line-height: 20px;
text-align: center;
text-transform: none;
}
}
}
}
</style>
pages/team/tab2.vue 0 → 100644
浏览文件 @ eda55971
<template>
<app-frame :data="frameParams">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/team-t2-b1.png" />
<div class="content">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/team-t2-i1.png" />
</div>
</app-frame>
</template>
<script>
import appFrame from '@/components/appFrame'
export default {
layout: 'normal',
components: { appFrame },
data() {
return {
frameParams: {
slider: [
{ name: '教授导师', path: '/team/tab1' },
{ name: '清华研究', path: '/team/tab2' }
]
}
}
},
computed: {
}
}
</script>
<style lang="scss" scoped>
.content{
padding: 80px 35px;
box-sizing: border-box;
img{
width: 100%;
}
}
</style>
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论