Skip to content

P
project-www-pc
提交 84a6fa2c authored 作者: 王鹏飞's avatar 王鹏飞
浏览文件
操作

chore: update

上级 1d7ba91c
显示空白字符变更
内嵌 并排
正在显示 包含 121 行增加 和 67 行删除
components/Head.vue
浏览文件 @ 84a6fa2c
...@@ -126,43 +126,65 @@ export default { ...@@ -126,43 +126,65 @@ export default {
isShow: false, isShow: false,
childern: [ childern: [
{ {
name: '数字技能实训中心', name: 'IDE数字经济产业学院',
path: '/digital/yx_1' path: '/digital/yx_2'
}, },
{ {
name: '国际数字人才现代产业学院', name: 'ICT数字经济产业学院',
path: '/digital/yx_2' path: '/digital/yx_2'
}, },
{ {
name: '专业数字化改造和提升', name: '专业数字化改造和提升',
path: '/digital/yx_3' path: '/digital/yx_3'
},
{
name: '数字技能实训中心',
path: '/digital/yx_1'
} }
] ]
}, },
{ {
name: '政府', name: '政府',
path: '/digital/zf_1'
},
{
name: '企业',
isShow: false, isShow: false,
childern: [ childern: [
{ {
name: '全球数字领导力学者博士项目', name: '1个数字展区',
path: 'https://dld.ezijing.com', path: '/digital/zf_1'
pathType: 1
}, },
{ {
name: '数字时代领航人才EMBA项目', name: '3个技能实训区',
path: 'https://marywood.ezijing.com', path: '/digital/zf_1'
pathType: 1
}, },
{ {
name: '企业人才定制化服务', name: '8个实训中心',
path: '' path: '/digital/zf_1'
},
{
name: '5个运营中心',
path: '/digital/zf_1'
} }
] ]
} }
// {
// name: '企业',
// isShow: false,
// childern: [
// {
// name: '全球数字领导力学者博士项目',
// path: 'https://dld.ezijing.com',
// pathType: 1
// },
// {
// name: '数字时代领航人才EMBA项目',
// path: 'https://marywood.ezijing.com',
// pathType: 1
// },
// {
// name: '企业人才定制化服务',
// path: ''
// }
// ]
// }
] ]
}, },
// { // {
......
components/home/digital.vue
浏览文件 @ 84a6fa2c
...@@ -5,7 +5,10 @@ ...@@ -5,7 +5,10 @@
</template> </template>
<div class="row"> <div class="row">
<div class="col" v-for="item in list" :key="item.title"> <div class="col" v-for="item in list" :key="item.title">
<div class="title">
<h2>{{ item.title }}</h2> <h2>{{ item.title }}</h2>
<p>{{ item.desc }}</p>
</div>
<ul> <ul>
<li class="item" v-for="item in item.children" :key="item.title" :style="item.style"> <li class="item" v-for="item in item.children" :key="item.title" :style="item.style">
<AppLink :to="item.path"> <AppLink :to="item.path">
...@@ -29,62 +32,87 @@ export default { ...@@ -29,62 +32,87 @@ export default {
list: [ list: [
{ {
title: '院校', title: '院校',
desc: '数字人才核心能力培养',
children: [ children: [
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/icon/yx_1.png',
hoverIcon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_hover.png', hoverIcon: 'https://webapp-pub.ezijing.com/www/pc/digital/icon/yx_1_hover.png',
title: '数字技能实训中心', title: 'IDE数字经济产业学院',
path: 'digital/yx_1' path: 'digital/yx_2'
}, },
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_2.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/icon/yx_2.png',
hoverIcon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_2_hover.png', hoverIcon: 'https://webapp-pub.ezijing.com/www/pc/digital/icon/yx_2_hover.png',
title: '国际数字人才现代产业学院', title: 'ICT数字经济产业学院',
path: 'digital/yx_2' path: 'digital/yx_2'
}, },
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_3.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/icon/yx_3.png',
hoverIcon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_3_hover.png', hoverIcon: 'https://webapp-pub.ezijing.com/www/pc/digital/icon/yx_3_hover.png',
title: '专业数字化改造和提升', title: '专业数字化改造和提升',
path: 'digital/yx_3' path: 'digital/yx_3'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/icon/yx_4.png',
hoverIcon: 'https://webapp-pub.ezijing.com/www/pc/digital/icon/yx_4_hover.png',
title: '数字技能实训中心',
path: 'digital/yx_1'
} }
] ]
}, },
{ {
title: '政府', title: '政府',
desc: '数字技能公共实训基地',
children: [ children: [
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/zf_1.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/icon/zf_1.png',
hoverIcon: 'https://webapp-pub.ezijing.com/www/pc/digital/zf_1_hover.png', hoverIcon: 'https://webapp-pub.ezijing.com/www/pc/digital/icon/zf_1_hover.png',
title: '数字技能公共实训基地', title: '1个数字展区',
path: 'digital/zf_1', path: 'digital/zf_1'
style: { minHeight: '120px' }
}
]
}, },
{ {
title: '企业', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/icon/zf_2.png',
children: [ hoverIcon: 'https://webapp-pub.ezijing.com/www/pc/digital/icon/zf_2_hover.png',
{ title: '3个技能实训区',
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/qy_1.png', path: 'digital/zf_1'
hoverIcon: 'https://webapp-pub.ezijing.com/www/pc/digital/qy_1_hover.png',
title: '全球数字领导力学者DBA',
path: 'https://dld.ezijing.com'
}, },
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/qy_2.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/icon/zf_3.png',
hoverIcon: 'https://webapp-pub.ezijing.com/www/pc/digital/qy_2_hover.png', hoverIcon: 'https://webapp-pub.ezijing.com/www/pc/digital/icon/zf_3_hover.png',
title: '数字时代领航人才EMBA', title: '8个实训中心',
path: 'https://marywood.ezijing.com' path: 'digital/zf_1'
}, },
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/qy_3.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/icon/zf_4.png',
hoverIcon: 'https://webapp-pub.ezijing.com/www/pc/digital/qy_3_hover.png', hoverIcon: 'https://webapp-pub.ezijing.com/www/pc/digital/icon/zf_4_hover.png',
title: '企业人才定制化服务', title: '5个运营中心',
path: '' path: 'digital/zf_1'
} }
] ]
} }
// {
// title: '企业',
// children: [
// {
// icon: 'https://webapp-pub.ezijing.com/www/pc/digital/qy_1.png',
// hoverIcon: 'https://webapp-pub.ezijing.com/www/pc/digital/qy_1_hover.png',
// title: '全球数字领导力学者DBA',
// path: 'https://dld.ezijing.com'
// },
// {
// icon: 'https://webapp-pub.ezijing.com/www/pc/digital/qy_2.png',
// hoverIcon: 'https://webapp-pub.ezijing.com/www/pc/digital/qy_2_hover.png',
// title: '数字时代领航人才EMBA',
// path: 'https://marywood.ezijing.com'
// },
// {
// icon: 'https://webapp-pub.ezijing.com/www/pc/digital/qy_3.png',
// hoverIcon: 'https://webapp-pub.ezijing.com/www/pc/digital/qy_3_hover.png',
// title: '企业人才定制化服务',
// path: ''
// }
// ]
// }
] ]
} }
} }
...@@ -94,37 +122,43 @@ export default { ...@@ -94,37 +122,43 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.row { .row {
display: flex; display: flex;
column-gap: 60px; column-gap: 30px;
} }
.col { .col {
flex: 1; flex: 1;
display: flex;
flex-direction: column;
height: 440px;
background-color: #fff; background-color: #fff;
.title {
padding: 25px 0;
text-align: center;
background-color: var(--main-color);
h2 { h2 {
padding: 48px 0 40px; font-size: 26px;
font-size: 24px; font-family: Source Han Sans CN-Bold, Source Han Sans CN;
font-weight: bold;
line-height: 1; line-height: 1;
font-weight: 500; color: #ffffff;
color: #333333; }
text-align: center; p {
margin-top: 12px;
font-size: 16px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
line-height: 1;
color: #ffffff;
}
} }
ul { ul {
margin-bottom: 40px; margin: 42px 30px;
flex: 1; display: grid;
display: flex; grid-template-columns: repeat(2, 1fr);
flex-direction: column; gap: 30px;
justify-content: center;
} }
li { li {
display: flex; display: flex;
align-items: center; align-items: center;
margin: 0 30px; padding: 0 10px;
padding: 15px 0 15px 20px;
border: 1px solid #d5d5d5; border: 1px solid #d5d5d5;
min-height: 80px; height: 90px;
font-size: 18px; font-size: 16px;
color: #666; color: #666;
.hover-img { .hover-img {
display: none; display: none;
...@@ -141,8 +175,5 @@ export default { ...@@ -141,8 +175,5 @@ export default {
border-color: var(--main-color); border-color: var(--main-color);
} }
} }
li + li {
margin-top: 20px;
}
} }
</style> </style>
pages/digital/zf_1.vue
浏览文件 @ 84a6fa2c
...@@ -15,6 +15,7 @@ ...@@ -15,6 +15,7 @@
</section> </section>
<section class="section"> <section class="section">
<div class="section-inner"> <div class="section-inner">
<h2 class="section-title">实训基地建设示意图</h2>
<div class="section-pic"><img src="https://webapp-pub.ezijing.com/www/pc/digital/zf_1/2.png" /></div> <div class="section-pic"><img src="https://webapp-pub.ezijing.com/www/pc/digital/zf_1/2.png" /></div>
<!-- <h2 class="section-title">交付案例</h2> <!-- <h2 class="section-title">交付案例</h2>
<ul class="al-list"> <ul class="al-list">
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论