Skip to content

P
project-www-pc
提交 9a0c1b3b authored 作者: lhh's avatar lhh
浏览文件
操作

update

上级 4c61be1f
显示空白字符变更
内嵌 并排
正在显示 包含 470 行增加 和 43 行删除
components/Head.vue
浏览文件 @ 9a0c1b3b
......@@ -10,7 +10,8 @@
? 'https://webapp-pub.ezijing.com/www/pc/en-logo.png'
: 'https://zws-imgs-pub.ezijing.com/static/public/0411340f9306b908eda54b5d66668f50.png'
"
@click="goPage('/')" />
@click="goPage('/')"
/>
</div>
<template v-if="$route.path === '/roadmap'">
<client-only>
......@@ -29,7 +30,11 @@
</client-only>
</template>
<div class="language">
<span @click="switchLocale('zh-CN')" :class="isEn === false ? 'cn' : ''">中文</span>/<span :class="isEn === true ? 'cn' : ''" @click="switchLocale('en-US')">EN</span>
<span @click="switchLocale('zh-CN')" :class="isEn === false ? 'cn' : ''">中文</span>/<span
:class="isEn === true ? 'cn' : ''"
@click="switchLocale('en-US')"
>EN</span
>
</div>
</div>
</div>
......@@ -48,19 +53,32 @@
:class="$route.path === level2Item.path || level2Item.isShow ? 'li active' : 'li'"
:key="level2Index + 'level2'"
@mouseenter="levelShow(level2Item)"
@mouseleave="levelShow(level2Item, 'out')">
<div @click="goPage(level2Item.path, level2Item.pathType)" class="name" :class="isEn === true ? 'name1' : ''" v-html="level2Item.name"></div>
@mouseleave="levelShow(level2Item, 'out')"
>
<div
@click="goPage(level2Item.path, level2Item.pathType)"
class="name"
:class="isEn === true ? 'name1' : ''"
v-html="level2Item.name"
></div>
<div class="el-icon-arrow-right" v-if="level2Item.children"></div>
</div>
</template>
</div>
<template v-for="(level2Item, level2Index) in item.children">
<div class="two-level" :key="level2Index + 'two-level2'" v-if="level2Item.isShow" @mouseenter="level3Show" @mouseleave="level3Show(level2Item, 'out')">
<div
class="two-level"
:key="level2Index + 'two-level2'"
v-if="level2Item.isShow"
@mouseenter="level3Show"
@mouseleave="level3Show(level2Item, 'out')"
>
<div
@click="goPage(level3Item.path, level3Item.pathType)"
:class="isEn === true ? 'name1' : 'name'"
v-for="(level3Item, level3Index) in level2Item.children"
:key="level3Index + level3Item">
:key="level3Index + level3Item"
>
{{ level3Item.name }}
</div>
</div>
......@@ -121,7 +139,7 @@ export default {
isShow: false,
children: [
{
name: '数字技能实训中心',
name: '数字技能实训平台',
path: '/digital/yx_1'
},
{
......@@ -138,7 +156,7 @@ export default {
},
{
name: '未来技术产业学院',
path: '/digital/yx_2'
path: '/digital/yx_5'
},
{
name: '1+X金融产品数字化营销',
......@@ -571,10 +589,16 @@ export default {
return this.$store.state.user || {}
},
loginURL() {
return process.client ? `${process.env.loginURL}/login/index?redirect_uri=${encodeURIComponent(location.origin + this.$route.fullPath)}` : ''
return process.client
? `${process.env.loginURL}/login/index?redirect_uri=${encodeURIComponent(
location.origin + this.$route.fullPath
)}`
: ''
},
registerURL() {
return process.client ? `${process.env.loginURL}/register?redirect_uri=${encodeURIComponent(location.origin + this.$route.fullPath)}` : ''
return process.client
? `${process.env.loginURL}/register?redirect_uri=${encodeURIComponent(location.origin + this.$route.fullPath)}`
: ''
}
}
}
......
components/home/digital.vue
浏览文件 @ 9a0c1b3b
......@@ -47,12 +47,12 @@ export default {
list: [
{
title: '院校',
desc: '数字人才核心能力培养',
desc: '数字人才核心能力培养解决方案',
children: [
{
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: '数字技能实训中心',
title: '数字技能实训平台',
path: 'digital/yx_1'
},
{
......@@ -78,7 +78,7 @@ export default {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/icon/yx_6.png',
hoverIcon: 'https://webapp-pub.ezijing.com/www/pc/digital/icon/yx_6_hover.png',
title: '未来技术产业学院',
path: 'digital/yx_2'
path: 'digital/yx_5'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/icon/yx_5.png',
......
pages/digital/yx_1.vue
浏览文件 @ 9a0c1b3b
......@@ -5,7 +5,7 @@
<img src="https://webapp-pub.ezijing.com/www/pc/digital/yx_1/banner.png" />
<div class="cover">
<div class="cover-inner">
<h2>数字技能实训中心</h2>
<h2>数字技能实训平台</h2>
<span></span>
<h6>新商科 · 新工科 · 工业级 · 案例集</h6>
<p>
......@@ -21,11 +21,16 @@
深入调研数字经济产业人才需求，契合地方经济产业数字化转型需要，深入推进学校专业数字化改造，以商业数分析、数字营销为核心技能贯穿商科底层逻辑，聚焦专业数字化改造与升级，切实培养地方经济真正需要的数字经济人才。
</p>
<div class="gk-list">
<div class="gk-item is-border" v-for="item in skList" :key="item.title">
<div class="gk-item__pic"><img :src="item.icon" /></div>
<div class="gk-item__content">
<div class="gk-item active is-border" v-for="item in skList" :key="item.title">
<div class="gk-item__pic p_icon">
<img :src="item.icon" />
</div>
<div class="gk-item__pic a_icon">
<img :src="item.iconActive" />
</div>
<div class="gk-item__content a_color">
<h2>{{ item.title }}</h2>
<p>{{ item.desc }}</p>
<p v-html="item.desc"></p>
<a :href="item.more" v-if="item.more">查看更多</a>
</div>
</div>
......@@ -35,13 +40,15 @@
<section class="section">
<div class="section-inner">
<h2 class="section-title">新工科</h2>
<p class="section-desc">基于国家信创发展大趋势，建设完全国产自主知识产权的先进信创人才实训区，从“特色软件人才培养”和“国产化信息系统运维”两个路径为国产化替换填补人才。</p>
<p class="section-desc">
基于国家信创发展大趋势，建设完全国产自主知识产权的先进信创人才实训区，从“特色软件人才培养”和“国产化信息系统运维”两个路径为国产化替换填补人才。
</p>
<div class="gk-list">
<div class="gk-item" v-for="item in gkList" :key="item.title">
<div class="gk-item__pic"><img :src="item.icon" /></div>
<div class="gk-item__pic" style="padding: 40px 0 30px;"><img :src="item.icon" /></div>
<div class="gk-item__content">
<h2>{{ item.title }}</h2>
<p>{{ item.desc }}</p>
<p style="margin: 8px 0;" v-html="item.desc"></p>
<a :href="item.more" v-if="item.more">查看更多</a>
</div>
</div>
......@@ -66,49 +73,53 @@ export default {
skList: [
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1/xsk_1.png',
title: '商业数据分析实践教学平台',
desc: '培养数字经济底层数据思维能力的工业级实践教学平台',
iconActive: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1/xsk_1a.png',
title: '商业数据分析实训平台',
desc: '培养数字经济底层思维能力的<br />工业级实训平台',
more: '/digital/yx_1_1'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1/xsk_2.png',
title: '数字营销实践教学平台',
desc: '培养企业数字化转型核心技能的工业级实践教学平台',
iconActive: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1/xsk_2a.png',
title: '数字营销实训平台',
desc: '培养企业数字化转型核心技能的<br />工业级实训平台',
more: '/digital/yx_1_2'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1/xsk_3.png',
iconActive: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1/xsk_3a.png',
title: '商业数据分析与应用大赛平台',
desc: '配套“商业数据分析与应用大赛”的训练平台'
desc: '配套“商业数据分析与应用大赛”<br />训练平台'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1/xsk_4.png',
iconActive: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1/xsk_4a.png',
title: '金融产品数字化营销实训平台',
desc: '配套“金融产品数字化营销1+X证书”的训练平台'
desc: '配套“金融产品数字化营销1+X证书”<br />训练平台'
}
],
gkList: [
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1/xgk_1.png',
title: '大数据实践教学平台',
desc: '综合培养大数据基础知识及专业知识的一站式实践教学平台',
title: '大数据实训平台',
desc: '综合培养大数据<br />基础知识及专业知识的<br />一站式实训平台',
more: '/digital/yx_1_3'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1/xgk_2.png',
title: '人工智能实践教学平台',
desc: '重在人工智能基础知识及应用的一站式实践教学平台',
title: '人工智能实训平台',
desc: '重在人工智能<br />基础知识及应用的<br />一站式实训平台',
more: '/digital/yx_1_4'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1/xgk_3.png',
title: '信息安全实践教学平台',
desc: '一站式信创信息安全实践教学平台'
title: '信息安全实训平台',
desc: '一站式信创信息安全<br />实训平台'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1/xgk_4.png',
title: '物联网实践教学平台',
desc: '全面涵盖5G及边缘计算的新一代物联网实践教学平台'
title: '物联网实训平台',
desc: '全面涵盖5G及边缘计算的<br />新一代物联网<br />实训平台'
}
]
}
......@@ -237,15 +248,44 @@ export default {
transition: all 0.3s;
&:hover {
transform: scale(1.06);
&.active {
transform: scale(1);
background-color: #aa1941;
.p_icon {
display: none;
}
.a_icon {
display: block;
}
.a_color {
h2,
p,
a {
color: #fff;
}
}
}
}
.p_icon {
display: block;
}
.a_icon {
display: none;
}
}
.gk-item__pic {
padding: 46px 0 36px;
// .p_icon{
// display: block;
// }
// .a_icon{
// display: none;
// }
}
.gk-item__content {
padding: 0 12px;
h2 {
font-size: 18px;
font-size: 19px;
font-family: Source Han Sans CN;
font-weight: 500;
line-height: 24px;
......@@ -253,7 +293,7 @@ export default {
}
p {
margin: 12px 0;
font-size: 16px;
font-size: 15px;
color: #666;
}
a {
......
pages/digital/yx_2.vue
浏览文件 @ 9a0c1b3b
......@@ -5,11 +5,13 @@
<img src="https://webapp-pub.ezijing.com/www/pc/digital/yx_2/banner.png" />
<div class="cover">
<div class="cover-inner">
<h3>IDE数字经济产业学院 + ICT产业学院</h3>
<h2>清控紫荆数字经济产业学院</h2>
<!-- <h3>数字经济产业学院 + ICT产业学院</h3> -->
<h2>数字经济新商科产业学院</h2>
<span></span>
<h6>专业共建 · 多维赋能 · 成果导向</h6>
<p>围绕数字经济时代的高质量教育内涵建设要求，对接区域经济产业链，人才链、教育链、创新链协同发展，构建数智产业学院产教融合“新范式”</p>
<p>
围绕数字经济时代的高质量教育内涵建设要求，对接区域经济产业链，人才链、教育链、创新链协同发展，构建数智产业学院产教融合“新范式”
</p>
</div>
</div>
</div>
......@@ -17,11 +19,11 @@
<div class="section-inner">
<h2 class="section-title">产业学院及专业方向</h2>
<div class="section-pic">
<img src="https://webapp-pub.ezijing.com/www/pc/digital/yx_2/1_1.png" />
<img src="https://webapp-pub.ezijing.com/www/pc/digital/yx_2/1_1new.png" />
</div>
<div class="section-pic" style="margin-top: 50px">
<!-- <div class="section-pic" style="margin-top: 50px">
<img src="https://webapp-pub.ezijing.com/www/pc/digital/yx_2/1_2.png" />
</div>
</div> -->
</div>
</section>
<section class="section">
......
pages/digital/yx_5.vue 0 → 100644
浏览文件 @ 9a0c1b3b
<!-- 引产入校 -->
<template>
<div>
<div class="banner">
<img src="https://webapp-pub.ezijing.com/www/pc/digital/yx_2/banner.png" />
<div class="cover">
<div class="cover-inner">
<!-- <h3>数字经济产业学院 + ICT产业学院</h3> -->
<h2>未来技术产业学院</h2>
<span></span>
<h6>专业共建 · 多维赋能 · 成果导向</h6>
<p>
围绕数字经济时代的高质量教育内涵建设要求，对接区域经济产业链，人才链、教育链、创新链协同发展，构建数智产业学院产教融合“新范式”
</p>
</div>
</div>
</div>
<section class="section">
<div class="section-inner">
<h2 class="section-title">产业学院及专业方向</h2>
<div class="section-pic">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/digital/yx_5/1_1.png" />
</div>
<!-- <div class="section-pic" style="margin-top: 50px">
<img src="https://webapp-pub.ezijing.com/www/pc/digital/yx_2/1_2.png" />
</div> -->
</div>
</section>
<section class="section">
<div class="section-inner">
<h2 class="section-title">产业学院建设内容</h2>
<div class="section-pic">
<img src="https://webapp-pub.ezijing.com/www/pc/digital/yx_2/jsnr.png" />
</div>
<h2 class="section-title" style="margin-top: 100px">产业学院运营保障</h2>
<div class="section-pic">
<img src="https://webapp-pub.ezijing.com/www/pc/digital/yx_2/bz.png" />
</div>
</div>
</section>
<section class="section">
<div class="section-inner">
<h2 class="section-title">产业学院输出成果</h2>
<div class="section-pic">
<img src="https://webapp-pub.ezijing.com/www/pc/digital/yx_2/cg.png" />
</div>
</div>
</section>
<section class="section">
<div class="section-inner">
<h2 class="section-title">交付案例</h2>
<ul class="al-list">
<li v-for="item in jfalList" :key="item"><img :src="item" /></li>
</ul>
</div>
</section>
</div>
</template>
<script>
export default {
data() {
return {
// 交付案例
jfalList: [
'https://webapp-pub.ezijing.com/www/pc/digital/yx_2/al_5.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_2/al_3.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_2/al_6.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_2/al_2.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_2/al_1.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_2/al_4.png'
]
}
}
}
</script>
<style lang="scss" scoped>
.banner {
position: relative;
img {
width: 100%;
}
.cover {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.4039);
line-height: 1;
color: #ffffff;
h2 {
font-size: 42px;
font-family: Source Han Sans CN-Bold, Source Han Sans CN;
font-weight: bold;
line-height: 1;
}
h3 {
margin-bottom: 20px;
font-size: 24px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500;
line-height: 1;
letter-spacing: 4px;
}
span {
margin: 24px 0;
width: 42px;
height: 3px;
background: #ffffff;
}
h6 {
margin-bottom: 24px;
font-size: 20px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500;
line-height: 1;
letter-spacing: 2px;
}
p {
max-width: 644px;
font-size: 14px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
line-height: 26px;
}
a {
margin-top: 28px;
width: 112px;
height: 36px;
font-size: 16px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
color: #ffffff;
line-height: 36px;
background: #aa1941;
text-align: center;
}
}
.cover-inner {
height: 100%;
max-width: 1200px;
margin: 0 auto;
display: flex;
justify-content: center;
flex-direction: column;
}
}
.section:nth-child(even) {
background-color: #f9f8f8;
}
.section:nth-child(odd) {
background-color: #fff;
}
.section-inner {
width: 1200px;
margin: 0 auto;
padding: 100px 0;
}
.section-title {
margin-bottom: 36px;
font-size: 30px;
font-family: Source Han Sans CN;
font-weight: bold;
line-height: 32px;
color: #333333;
text-align: center;
}
.section-subtitle {
display: inline-block;
margin: 36px 0;
font-size: 20px;
line-height: 32px;
color: #424242;
border-bottom: 1px solid var(--main-color);
}
.section-desc {
font-size: 16px;
font-family: Source Han Sans CN;
font-weight: 400;
line-height: 34px;
color: #666666;
text-align: center;
}
.section-pic {
text-align: center;
img {
max-width: 100%;
}
}
.mk-list {
display: flex;
gap: 60px;
.mk-item {
flex: 1;
}
.box {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 260px;
background-color: var(--main-color);
p {
margin-top: 48px;
font-size: 18px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500;
color: #ffffff;
}
}
h4 {
margin: 80px 0 36px;
text-align: center;
span {
display: inline-block;
font-size: 20px;
font-family: Source Han Sans CN-Normal, Source Han Sans CN;
font-weight: 400;
color: #424242;
line-height: 34px;
border-bottom: 1px solid var(--main-color);
}
}
ul {
height: 440px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
li {
img {
margin: 0 18px;
}
display: flex;
align-items: center;
height: 60px;
background: #f2f2f2;
font-size: 15px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500;
color: #424242;
}
}
.bz-list {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 38px;
li {
position: relative;
transition: all 0.3s;
&:hover {
transform: scale(1.06);
}
}
p {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
font-size: 24px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
background: rgba(51, 51, 51, 0.6);
}
}
.zz-list {
display: flex;
gap: 25px;
li {
flex: 1;
font-size: 22px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500;
color: #333333;
line-height: 80px;
text-align: center;
border: 1px solid var(--main-color);
border-left-width: 10px;
}
}
.al-list {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
li {
transition: all 0.3s;
&:hover {
transform: scale(1.06);
}
}
}
.zy {
display: flex;
margin-bottom: 100px;
.table {
flex: 1;
}
.num {
margin-left: 35px;
}
}
.num {
display: flex;
flex-direction: column;
justify-content: space-between;
li {
span {
font-size: 30px;
font-weight: bold;
font-family: SourceHanSansCN-Bold;
color: var(--main-color);
}
em {
font-size: 18px;
font-family: Source Han Sans CN;
}
}
}
.table {
thead {
th {
padding: 20px;
font-size: 18px;
font-family: Source Han Sans CN;
font-weight: bold;
line-height: 22px;
color: #fff;
background-color: #aa1941;
border: 1px solid #aa1941;
}
th:nth-child(2) {
background: #931638;
}
}
tbody {
td {
font-size: 16px;
font-family: Source Han Sans CN;
font-weight: 400;
line-height: 1;
color: #262626;
padding: 14px;
border: 1px solid #8b8b8b;
}
td:nth-child(1) {
padding-left: 40px;
}
td:nth-child(2) {
text-align: center;
}
}
}
</style>
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论