Skip to content

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

chore: update

上级 c70354c0
隐藏空白字符变更
内嵌 并排
正在显示 包含 768 行增加 和 386 行删除
components/Head.vue
浏览文件 @ f96fae35
...@@ -119,7 +119,7 @@ export default { ...@@ -119,7 +119,7 @@ export default {
}, },
{ {
name: '产教融合', name: '产教融合',
path: '/digital', path: '/digital/yx_1',
childern: [ childern: [
{ {
name: '院校', name: '院校',
...@@ -159,7 +159,7 @@ export default { ...@@ -159,7 +159,7 @@ export default {
}, },
{ {
name: '企业人才定制化服务', name: '企业人才定制化服务',
path: 'digital/qy_1' path: ''
} }
] ]
} }
......
components/home/digital.vue
浏览文件 @ f96fae35
<template> <template>
<AppCard titleAlign="center"> <AppCard titleAlign="center">
<template #title> <template #title>
<nuxt-link to="/digital">产教融合</nuxt-link> <nuxt-link to="/digital/yx_1">产教融合</nuxt-link>
</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">
...@@ -81,7 +81,7 @@ export default { ...@@ -81,7 +81,7 @@ export default {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/qy_3.png', 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', hoverIcon: 'https://webapp-pub.ezijing.com/www/pc/digital/qy_3_hover.png',
title: '企业人才定制化服务', title: '企业人才定制化服务',
path: 'digital/qy_1' path: ''
} }
] ]
} }
......
pages/digital/yx_1_1.vue
浏览文件 @ f96fae35
...@@ -8,8 +8,7 @@ ...@@ -8,8 +8,7 @@
<div class="section-inner"> <div class="section-inner">
<h2 class="section-title">商业数据分析实践教学平台</h2> <h2 class="section-title">商业数据分析实践教学平台</h2>
<p class="section-desc"> <p class="section-desc">
数据分析、数字运营、数字营销是数字化人才的核心必备能力。在“数字化核心能力专业建设”和“数字＋全行业专业建设”中，数据分析能力是数字化人才培养的核心基础能力！<br /><br /> 商业数据分析实践教学平台实现“贯通”专业集群底层逻辑，助力高校建设面向数字化未来、适应数字化需求、引领数字化发展、理念先进、保障有力的一流专业。平台融合了商业数据分析服务能力，实现了工作实践和教学场景的一体化无缝衔接。平台融合海量结构化数据集，多个行业综合案例集，打造全国影响力的的数字经济核心能力实践教学平台。
2018年以来，清控紫荆教育通过调研600+数字化及数字化转型企业，举办100+场次以行企专家、高校学科带头人、学者为主的研讨会，分析近三年超过180万+数字经济从业岗位需求，对比分析200+数字经济相关专业人才培养方案，梳理出商业数据分析通用能力模型。
</p> </p>
<h2 class="section-title" style="margin-top: 100px">核心模块</h2> <h2 class="section-title" style="margin-top: 100px">核心模块</h2>
<div class="mk-list"> <div class="mk-list">
...@@ -18,9 +17,7 @@ ...@@ -18,9 +17,7 @@
<img :src="item.icon" /> <img :src="item.icon" />
<p>{{ item.title }}</p> <p>{{ item.title }}</p>
</div> </div>
<h4>
<span>{{ item.subTitle }}</span>
</h4>
<ul> <ul>
<li v-for="item in item.children" :key="item.title"> <li v-for="item in item.children" :key="item.title">
<img :src="item.icon" /> <img :src="item.icon" />
...@@ -34,6 +31,7 @@ ...@@ -34,6 +31,7 @@
<section class="section"> <section class="section">
<div class="section-inner"> <div class="section-inner">
<h2 class="section-title">商业数据分析实践教学平台案例资源介绍</h2> <h2 class="section-title">商业数据分析实践教学平台案例资源介绍</h2>
<p class="section-info">以真实的行业案例为原型，辅之以大量的真实行业数据，按照国家级教材研发标准为参考开发的综合性企业真实场景的实战教学案例</p>
<div class="zy"> <div class="zy">
<table class="table"> <table class="table">
<thead> <thead>
...@@ -50,18 +48,31 @@ ...@@ -50,18 +48,31 @@
</tbody> </tbody>
</table> </table>
<ul class="num"> <ul class="num">
<p>每个案例支撑16个学时实践教学</p>
<li v-for="item in numList" :key="item.desc"> <li v-for="item in numList" :key="item.desc">
<span>{{ item.num }}</span> <span>{{ item.num }}</span>
<em>{{ item.desc }}</em> <em>{{ item.desc }}</em>
</li> </li>
</ul> </ul>
</div> </div>
<h3 class="section-subtitle">案例资源示例</h3>
<div class="tab">
<ul class="tab-header">
<li v-for="(item, index) in tabList" :class="{ 'is-active': index === tabActive }" :key="index" @mouseover="tabActive = index">{{ item.title }}</li>
</ul>
<ul class="tab-body" v-for="(item, index) in tabList" :key="index" v-if="index === tabActive">
<li v-for="item in item.children" :key="item"><img :src="item" /></li>
</ul>
</div>
<h2 class="section-title">产品配套服务</h2> <h2 class="section-title">产品配套服务</h2>
<h3 class="section-subtitle">标准服务</h3> <h3 class="section-subtitle">标准服务</h3>
<ul class="bz-list"> <ul class="bz-list">
<li v-for="item in bzfwList" :key="item.title"> <li v-for="item in bzfwList" :key="item.title">
<img :src="item.icon" /> <img :src="item.icon" />
<p>{{ item.title }}</p> <div class="cover">
<h4>{{ item.title }}</h4>
<p v-html="item.desc"></p>
</div>
</li> </li>
</ul> </ul>
<h3 class="section-subtitle">增值服务</h3> <h3 class="section-subtitle">增值服务</h3>
...@@ -89,86 +100,67 @@ export default { ...@@ -89,86 +100,67 @@ export default {
mkList: [ mkList: [
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1.png',
title: '商业数据分析综合实践平台', title: '综合实践教学平台',
subTitle: '商业数据分析综合实践优势',
children: [ children: [
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1_1.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1_1.png',
title: '真实连接企业95%以上的数据源' title: '来自于企业的真实商业数据分析产品'
}, },
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1_2.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1_2.png',
title: '业务人员级别的可视化数据治理能力' title: '实现学校训练和企业实操的无缝衔接'
}, },
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1_3.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1_3.png',
title: '面向非技术人员的零代码人工智能应用' title: '强大的企业级数据分析功能'
}, },
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1_4.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1_4.png',
title: '企业真实的强大数据可视化组件' title: '面向非技术人员的商业数据分析能力训练'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1_5.png',
title: '稳定且安全的后台管理能力'
} }
] ]
}, },
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2.png',
title: '商业数据分析教学管理平台', title: '教学管理平台',
subTitle: '商业数据分析教学管理优势',
children: [ children: [
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2_1.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2_1.png',
title: '全面管理理论与实践教学资源' title: '一站式理论+实践学习平台'
}, },
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2_2.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2_2.png',
title: '资源使用情况实时可见' title: '结合配套教学资源实现开箱即用'
}, },
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2_3.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2_3.png',
title: '“院校-学院-个人”三级课程管理' title: '工业级产品与教学管理的完美适配'
}, },
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2_4.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2_4.png',
title: '丰富且灵活的基础信息管理' title: '全面支撑课程评价和专业建设数据要求'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2_5.png',
title: '丰富的教学业务支撑能力'
} }
] ]
}, },
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3.png',
title: '商业数据分析实验管理平台', title: '实验管理平台',
subTitle: '商业数据分析实验管理优势',
children: [ children: [
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3_1.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3_1.png',
title: '支持教学、大赛等多场景、多角色' title: '灵活的实验配置实现丰富教学场景支撑'
}, },
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3_2.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3_2.png',
title: '独立的操作指导书管理能力' title: '实验成绩多维构成及综合评分制'
}, },
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3_3.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3_3.png',
title: '独立的操作视频管理能力' title: '实验报告在线灵活填写及自动评分'
}, },
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3_4.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3_4.png',
title: '强大的过程数据记录和师生交互' title: '与大赛平台无缝衔接'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3_5.png',
title: '灵活的实验配置'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3_6.png',
title: '实验成绩多维度定义及实验报告在线填写'
} }
] ]
} }
...@@ -194,23 +186,54 @@ export default { ...@@ -194,23 +186,54 @@ export default {
{ num: 65, desc: '套教学PPT' }, { num: 65, desc: '套教学PPT' },
{ num: 231, desc: '个教学视频。' } { num: 231, desc: '个教学视频。' }
], ],
tabActive: 0,
tabList: [
{
title: '案例原文',
children: [
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/alzy_1_1.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/alzy_1_2.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/alzy_1_3.png'
]
},
{
title: '案例指导书',
children: [
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/alzy_2_1.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/alzy_2_2.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/alzy_2_3.png'
]
},
{
title: '教学PPT',
children: ['https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/alzy_3_1.png', 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/alzy_3_2.png']
},
{
title: '操作视频',
children: ['https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/alzy_4_1.png', 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/alzy_4_2.png']
}
],
// 标准服务 // 标准服务
bzfwList: [ bzfwList: [
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/bzfw_1.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/bzfw_1.png',
title: '产品服务' title: '产品服务',
desc: '产品安装服务<br/>产品配置调试服务<br/>产品免费升级服务<br/>……'
}, },
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/bzfw_2.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/bzfw_2.png',
title: '资源服务' title: '资源服务',
desc: '配套课程资源<br/>课程资源免费更新服务<br/>行业案例免费升级服务<br/>……'
}, },
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/bzfw_3.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/bzfw_3.png',
title: '培训服务' title: '培训服务',
desc: '产品使用培训<br/>产品维护培训<br/>……'
}, },
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/bzfw_4.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/bzfw_4.png',
title: '产品技术支持' title: '产品技术支持',
desc: '产品功能与性能巡检<br/>产品使用分析与建议<br/>产品在线技术支持<br/>产品电话技术支持<br/>……'
} }
], ],
// 增值服务 // 增值服务
...@@ -270,6 +293,16 @@ export default { ...@@ -270,6 +293,16 @@ export default {
line-height: 34px; line-height: 34px;
color: #666666; color: #666666;
} }
.section-info {
margin: 40px 0 70px;
font-size: 18px;
font-family: Source Han Sans CN;
font-weight: 400;
line-height: 34px;
color: #666666;
text-align: center;
}
.section-pic { .section-pic {
text-align: center; text-align: center;
img { img {
...@@ -297,28 +330,13 @@ export default { ...@@ -297,28 +330,13 @@ export default {
color: #ffffff; 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 { ul {
height: 440px; margin-top: 40px;
display: flex;
flex-direction: column;
justify-content: space-between;
} }
li { li {
margin-top: 25px;
img { img {
margin: 0 20px; margin: 0 18px;
} }
display: flex; display: flex;
align-items: center; align-items: center;
...@@ -341,12 +359,16 @@ export default { ...@@ -341,12 +359,16 @@ export default {
transform: scale(1.06); transform: scale(1.06);
} }
} }
p { .cover {
position: absolute; position: absolute;
left: 0; left: 0;
top: 0; top: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
background: rgba(51, 51, 51, 0.6);
}
h4 {
padding: 64px 0 45px;
font-size: 24px; font-size: 24px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN; font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500; font-weight: 500;
...@@ -354,7 +376,14 @@ export default { ...@@ -354,7 +376,14 @@ export default {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
background: rgba(51, 51, 51, 0.6); }
p {
font-size: 16px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
color: #ffffff;
line-height: 40px;
text-align: center;
} }
} }
.zz-list { .zz-list {
...@@ -385,17 +414,25 @@ export default { ...@@ -385,17 +414,25 @@ export default {
} }
.zy { .zy {
display: flex; display: flex;
margin-bottom: 100px;
.table { .table {
flex: 1; flex: 1;
} }
.num { .num {
margin-left: 60px; margin-left: 35px;
} }
} }
.num { .num {
display: flex;
flex-direction: column;
justify-content: space-between;
p {
font-size: 20px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500;
color: #333333;
line-height: 30px;
}
li { li {
line-height: 70px;
span { span {
font-size: 30px; font-size: 30px;
font-weight: bold; font-weight: bold;
...@@ -442,4 +479,39 @@ export default { ...@@ -442,4 +479,39 @@ export default {
} }
} }
} }
.tab {
display: flex;
margin-bottom: 70px;
}
.tab-header {
margin-right: 38px;
li {
width: 270px;
height: 70px;
font-size: 24px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500;
line-height: 70px;
color: #333333;
background: #fff;
text-align: center;
border: 1px solid #d5d5d5;
cursor: pointer;
&.is-active {
color: #fff;
background-color: var(--main-color);
border: 1px solid var(--main-color);
}
& + li {
margin-top: 22px;
}
}
}
.tab-body {
flex: 1;
display: flex;
align-items: center;
justify-content: space-evenly;
background-color: var(--main-color);
}
</style> </style>
pages/digital/yx_1_2.vue
浏览文件 @ f96fae35
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
<div class="section-inner"> <div class="section-inner">
<h2 class="section-title">数字营销实践教学平台</h2> <h2 class="section-title">数字营销实践教学平台</h2>
<p class="section-desc"> <p class="section-desc">
数字营销能力是数字经济10大核心能力之一<br />数字营销能力是数字经济时代下的十大核心能力之一<br />数字营销能力是数字经济时代下任何行业，任何企业，任何岗位都应当具备的底层核心能力 数字营销实践教学平台面向企业数字化转型的核心基础通用能力培养需求，实现“贯通”专业集群数字经济底层能力培养，助力高校数字化专业改造，打造高校学生数字化营销思维通识能力的一站式实践教学平台。该平台在成熟工业级数字营销系统基础上，针对高校实践教学场景进行适配化改造，该平台配套提供多个行业综合案例集及配套理论教学资源，实现一站式交钥匙服务，确保高校能够快速搭建并实施数字营销相关课程的同时，还支撑全面教学数据采集能力，为课程评估和专业认证提供了基础支撑。
</p> </p>
<h2 class="section-title" style="margin-top: 100px">核心模块</h2> <h2 class="section-title" style="margin-top: 100px">核心模块</h2>
<div class="mk-list"> <div class="mk-list">
...@@ -17,9 +17,6 @@ ...@@ -17,9 +17,6 @@
<img :src="item.icon" /> <img :src="item.icon" />
<p>{{ item.title }}</p> <p>{{ item.title }}</p>
</div> </div>
<h4>
<span>{{ item.subTitle }}</span>
</h4>
<ul> <ul>
<li v-for="item in item.children" :key="item.title"> <li v-for="item in item.children" :key="item.title">
<img :src="item.icon" /> <img :src="item.icon" />
...@@ -32,7 +29,8 @@ ...@@ -32,7 +29,8 @@
</section> </section>
<section class="section"> <section class="section">
<div class="section-inner"> <div class="section-inner">
<h2 class="section-title">数字营销分析实践教学平台案例资源介绍</h2> <h2 class="section-title">数字营销实践教学平台案例资源介绍</h2>
<p class="section-info">以真实的行业案例为原型，辅之以大量的真实行业数据，按照国家级教材研发标准为参考开发的综合性企业真实场景的实战教学案例</p>
<div class="zy"> <div class="zy">
<table class="table"> <table class="table">
<thead> <thead>
...@@ -49,18 +47,31 @@ ...@@ -49,18 +47,31 @@
</tbody> </tbody>
</table> </table>
<ul class="num"> <ul class="num">
<p>每个案例支撑16个学时实践教学</p>
<li v-for="item in numList" :key="item.desc"> <li v-for="item in numList" :key="item.desc">
<span>{{ item.num }}</span> <span>{{ item.num }}</span>
<em>{{ item.desc }}</em> <em>{{ item.desc }}</em>
</li> </li>
</ul> </ul>
</div> </div>
<h3 class="section-subtitle">案例资源示例</h3>
<div class="tab">
<ul class="tab-header">
<li v-for="(item, index) in tabList" :class="{ 'is-active': index === tabActive }" :key="index" @mouseover="tabActive = index">{{ item.title }}</li>
</ul>
<ul class="tab-body" v-for="(item, index) in tabList" :key="index" v-if="index === tabActive">
<li v-for="item in item.children" :key="item"><img :src="item" /></li>
</ul>
</div>
<h2 class="section-title">产品配套服务</h2> <h2 class="section-title">产品配套服务</h2>
<h3 class="section-subtitle">标准服务</h3> <h3 class="section-subtitle">标准服务</h3>
<ul class="bz-list"> <ul class="bz-list">
<li v-for="item in bzfwList" :key="item.title"> <li v-for="item in bzfwList" :key="item.title">
<img :src="item.icon" /> <img :src="item.icon" />
<p>{{ item.title }}</p> <div class="cover">
<h4>{{ item.title }}</h4>
<p v-html="item.desc"></p>
</div>
</li> </li>
</ul> </ul>
<h3 class="section-subtitle">增值服务</h3> <h3 class="section-subtitle">增值服务</h3>
...@@ -88,140 +99,149 @@ export default { ...@@ -88,140 +99,149 @@ export default {
mkList: [ mkList: [
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1.png',
title: '数字营销分析综合实践平台', title: '综合实践教学平台',
subTitle: '数字营销分析综合实践优势',
children: [ children: [
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1_1.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1_1.png',
title: '真实连接企业95%以上的数据源' title: '来自于企业的真实数字营销产品'
}, },
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1_2.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1_2.png',
title: '业务人员级别的可视化数据治理能力' title: '真实的用户触达与营销分析能力'
}, },
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1_3.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1_3.png',
title: '面向非技术人员的零代码人工智能应用' title: '实现学校训练和企业实操的无缝衔接'
}, },
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1_4.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1_4.png',
title: '企业真实的强大数据可视化组件' title: '强大的一站式自动化营销能力'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1_5.png',
title: '稳定且安全的后台管理能力'
} }
] ]
}, },
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2.png',
title: '数字营销分析教学管理平台', title: '教学管理平台',
subTitle: '数字营销分析教学管理优势',
children: [ children: [
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2_1.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2_1.png',
title: '全面管理理论与实践教学资源' title: '一站式理论+实践学习平台'
}, },
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2_2.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2_2.png',
title: '资源使用情况实时可见' title: '结合配套教学资源实现开箱即用'
}, },
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2_3.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2_3.png',
title: '“院校-学院-个人”三级课程管理' title: '工业级产品与教学管理的完美适配'
}, },
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2_4.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2_4.png',
title: '丰富且灵活的基础信息管理' title: '全面支撑课程评价和专业建设数据要求'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2_5.png',
title: '丰富的教学业务支撑能力'
} }
] ]
}, },
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3.png',
title: '数字营销分析实验管理平台', title: '实验管理平台',
subTitle: '数字营销分析实验管理优势',
children: [ children: [
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3_1.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3_1.png',
title: '支持教学、大赛等多场景、多角色' title: '灵活的实验配置实现丰富教学场景支撑'
}, },
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3_2.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3_2.png',
title: '独立的操作指导书管理能力' title: '实验成绩多维构成及综合评分制'
}, },
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3_3.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3_3.png',
title: '独立的操作视频管理能力' title: '实验报告在线灵活填写及自动评分'
}, },
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3_4.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3_4.png',
title: '强大的过程数据记录和师生交互' title: '与大赛平台无缝衔接'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3_5.png',
title: '灵活的实验配置'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3_6.png',
title: '实验成绩多维度定义及实验报告在线填写'
} }
] ]
} }
], ],
zyList: [ zyList: [
{ title: '案例1:电子商城数据分析', industry: '电商' }, { title: '案例1：美联英语营销案例', industry: '教育' },
{ title: '案例2:房屋价格的数据分析', industry: '房地产' }, { title: '案例2：叫叫阅读营销案例', industry: '教育' },
{ title: '案例3:汽车金融企业业务分析', industry: '汽车服务' }, { title: '案例3：海通证券精准营销案例', industry: '金融' },
{ title: '案例4:互联网零售数据分析', industry: '互联网' }, { title: '案例4：广发银行信用卡营销案例', industry: '金融' },
{ title: '案例5:微博热门博主与话题模型分析', industry: '互联网' }, { title: '案例5：全棉时代营销案例', industry: '零售' },
{ title: '案例6:商业银行专项财务指标分析', industry: '金融' }, { title: '案例6：Olay玉兰油营销案例', industry: '日化' },
{ title: '案例7:信用卡欺诈行为分析', industry: '金融' }, { title: '案例7：一汽丰田分渠道营销案例', industry: '汽车' },
{ title: '案例8:金融量化投资分析', industry: '金融' }, { title: '案例8：RIO微醺系列营销案例', industry: '零售' },
{ title: '案例9:基于RFM模型进行用户分群运营分析', industry: '零售' }, { title: '案例9：某股份制银行投资理财产品营销案例', industry: '金融' },
{ title: '案例10:智慧交通综合分析', industry: '交通' } { title: '案例10：百草味夜伴小卤鸭脖抖音营销', industry: '零售' }
], ],
numList: [ numList: [
{ num: 10, desc: '个案例' }, { num: 10, desc: '个案例' },
{ num: 10, desc: '篇案例原文' }, { num: 10, desc: '篇案例原文' },
{ num: 13, desc: '个数据集' }, { num: 34, desc: '个数据集' },
{ num: 31, desc: '份辅助资源' }, { num: 54, desc: '份案例指导书' },
{ num: 65, desc: '份案例指导书' }, { num: 54, desc: '套教学PPT' },
{ num: 65, desc: '套教学PPT' }, { num: 158, desc: '个教学视频。' }
{ num: 231, desc: '个教学视频。' } ],
tabActive: 0,
tabList: [
{
title: '案例原文',
children: [
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_2/alzy_1_1.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_2/alzy_1_2.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_2/alzy_1_3.png'
]
},
{
title: '案例指导书',
children: [
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_2/alzy_2_1.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_2/alzy_2_2.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_2/alzy_2_3.png'
]
},
{
title: '教学PPT',
children: ['https://webapp-pub.ezijing.com/www/pc/digital/yx_1_2/alzy_3_1.png', 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_2/alzy_3_2.png']
},
{
title: '操作视频',
children: ['https://webapp-pub.ezijing.com/www/pc/digital/yx_1_2/alzy_4_1.png', 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_2/alzy_4_2.png']
}
], ],
// 标准服务 // 标准服务
bzfwList: [ bzfwList: [
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/bzfw_1.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/bzfw_1.png',
title: '产品服务' title: '产品服务',
desc: '产品安装服务<br/>产品配置调试服务<br/>产品免费升级服务<br/>……'
}, },
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/bzfw_2.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/bzfw_2.png',
title: '资源服务' title: '资源服务',
desc: '配套课程资源<br/>课程资源免费更新服务<br/>行业案例免费升级服务<br/>……'
}, },
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/bzfw_3.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/bzfw_3.png',
title: '培训服务' title: '培训服务',
desc: '产品使用培训<br/>产品维护培训<br/>……'
}, },
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/bzfw_4.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/bzfw_4.png',
title: '产品技术支持' title: '产品技术支持',
desc: '产品功能与性能巡检<br/>产品使用分析与建议<br/>产品在线技术支持<br/>产品电话技术支持<br/>……'
} }
], ],
// 增值服务 // 增值服务
zzfwList: ['顶层设计服务', '师资培训服务', '行业讲座服务', '科研服务', '教学服务'], zzfwList: ['顶层设计服务', '师资培训服务', '行业讲座服务', '科研服务', '教学服务'],
// 交付案例 // 交付案例
jfalList: [ jfalList: [
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/jfal_1.png', 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_2/jfal_1.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/jfal_2.png', 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_2/jfal_2.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/jfal_3.png', 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_2/jfal_3.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/jfal_4.png', 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_2/jfal_4.png'
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/jfal_5.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/jfal_6.png'
] ]
} }
} }
...@@ -268,8 +288,17 @@ export default { ...@@ -268,8 +288,17 @@ export default {
font-weight: 400; font-weight: 400;
line-height: 34px; line-height: 34px;
color: #666666; color: #666666;
}
.section-info {
margin: 40px 0 70px;
font-size: 18px;
font-family: Source Han Sans CN;
font-weight: 400;
line-height: 34px;
color: #666666;
text-align: center; text-align: center;
} }
.section-pic { .section-pic {
text-align: center; text-align: center;
img { img {
...@@ -297,28 +326,13 @@ export default { ...@@ -297,28 +326,13 @@ export default {
color: #ffffff; 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 { ul {
height: 440px; margin-top: 40px;
display: flex;
flex-direction: column;
justify-content: space-between;
} }
li { li {
margin-top: 25px;
img { img {
margin: 0 20px; margin: 0 18px;
} }
display: flex; display: flex;
align-items: center; align-items: center;
...@@ -341,12 +355,16 @@ export default { ...@@ -341,12 +355,16 @@ export default {
transform: scale(1.06); transform: scale(1.06);
} }
} }
p { .cover {
position: absolute; position: absolute;
left: 0; left: 0;
top: 0; top: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
background: rgba(51, 51, 51, 0.6);
}
h4 {
padding: 64px 0 45px;
font-size: 24px; font-size: 24px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN; font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500; font-weight: 500;
...@@ -354,7 +372,14 @@ export default { ...@@ -354,7 +372,14 @@ export default {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
background: rgba(51, 51, 51, 0.6); }
p {
font-size: 16px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
color: #ffffff;
line-height: 40px;
text-align: center;
} }
} }
.zz-list { .zz-list {
...@@ -374,7 +399,7 @@ export default { ...@@ -374,7 +399,7 @@ export default {
} }
.al-list { .al-list {
display: grid; display: grid;
grid-template-columns: repeat(3, 1fr); grid-template-columns: repeat(2, 1fr);
gap: 30px; gap: 30px;
li { li {
transition: all 0.3s; transition: all 0.3s;
...@@ -385,17 +410,25 @@ export default { ...@@ -385,17 +410,25 @@ export default {
} }
.zy { .zy {
display: flex; display: flex;
margin-bottom: 100px;
.table { .table {
flex: 1; flex: 1;
} }
.num { .num {
margin-left: 60px; margin-left: 35px;
} }
} }
.num { .num {
display: flex;
flex-direction: column;
justify-content: space-between;
p {
font-size: 20px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500;
color: #333333;
line-height: 30px;
}
li { li {
line-height: 70px;
span { span {
font-size: 30px; font-size: 30px;
font-weight: bold; font-weight: bold;
...@@ -442,4 +475,39 @@ export default { ...@@ -442,4 +475,39 @@ export default {
} }
} }
} }
.tab {
display: flex;
margin-bottom: 70px;
}
.tab-header {
margin-right: 38px;
li {
width: 270px;
height: 70px;
font-size: 24px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500;
line-height: 70px;
color: #333333;
background: #fff;
text-align: center;
border: 1px solid #d5d5d5;
cursor: pointer;
&.is-active {
color: #fff;
background-color: var(--main-color);
border: 1px solid var(--main-color);
}
& + li {
margin-top: 22px;
}
}
}
.tab-body {
flex: 1;
display: flex;
align-items: center;
justify-content: space-evenly;
background-color: var(--main-color);
}
</style> </style>
pages/digital/yx_1_3.vue
浏览文件 @ f96fae35
...@@ -8,7 +8,8 @@ ...@@ -8,7 +8,8 @@
<div class="section-inner"> <div class="section-inner">
<h2 class="section-title">大数据实践教学平台</h2> <h2 class="section-title">大数据实践教学平台</h2>
<p class="section-desc"> <p class="section-desc">
数据是数字经济时代的核心生产要素，围绕数字产业化和产业数字化的各个领域，在数据采集、传输、计算、分析、保护等方面的技术突破为数字经济的发展奠定基础，是数字经济时代的核心战略资源。大数据实验室一共包括大数据综合实训平台、完整闭环的教学管理能力、灵活智能的实验管理能力。 大数据实践教学平台是清控紫荆教育推出的旨在培养学生底层数字能力，助力高校数字化专业改造，打造高校学生大数据通识能力的一站式实践教学平台。
该平台是既能够满足工科大数据通识能力的训练需求，又能够满足商科等其他学科对于大数据基础实践教学的训练需求，还提供了竞赛等模块，满足高校对于大数据教学的多层次需求。该平台还支撑全面教学数据采集能力，为课程评估和专业认证提供了基础支撑。
</p> </p>
<h2 class="section-title" style="margin-top: 100px">核心模块</h2> <h2 class="section-title" style="margin-top: 100px">核心模块</h2>
<div class="mk-list"> <div class="mk-list">
...@@ -17,9 +18,6 @@ ...@@ -17,9 +18,6 @@
<img :src="item.icon" /> <img :src="item.icon" />
<p>{{ item.title }}</p> <p>{{ item.title }}</p>
</div> </div>
<h4>
<span>{{ item.subTitle }}</span>
</h4>
<ul> <ul>
<li v-for="item in item.children" :key="item.title"> <li v-for="item in item.children" :key="item.title">
<img :src="item.icon" /> <img :src="item.icon" />
...@@ -32,7 +30,8 @@ ...@@ -32,7 +30,8 @@
</section> </section>
<section class="section"> <section class="section">
<div class="section-inner"> <div class="section-inner">
<h2 class="section-title">大数据分析实践教学平台案例资源介绍</h2> <h2 class="section-title">大数据实践教学平台案例资源介绍</h2>
<p class="section-info">以真实的行业案例为原型，辅之以大量的真实行业数据，按照国家级教材研发标准为参考开发的综合性企业真实场景的实战教学案例</p>
<div class="zy"> <div class="zy">
<table class="table"> <table class="table">
<thead> <thead>
...@@ -49,18 +48,31 @@ ...@@ -49,18 +48,31 @@
</tbody> </tbody>
</table> </table>
<ul class="num"> <ul class="num">
<p>每个案例支撑16个学时实践教学</p>
<li v-for="item in numList" :key="item.desc"> <li v-for="item in numList" :key="item.desc">
<span>{{ item.num }}</span> <span>{{ item.num }}</span>
<em>{{ item.desc }}</em> <em>{{ item.desc }}</em>
</li> </li>
</ul> </ul>
</div> </div>
<h3 class="section-subtitle">案例资源示例</h3>
<div class="tab">
<ul class="tab-header">
<li v-for="(item, index) in tabList" :class="{ 'is-active': index === tabActive }" :key="index" @mouseover="tabActive = index">{{ item.title }}</li>
</ul>
<ul class="tab-body" v-for="(item, index) in tabList" :key="index" v-if="index === tabActive">
<li v-for="item in item.children" :key="item"><img :src="item" /></li>
</ul>
</div>
<h2 class="section-title">产品配套服务</h2> <h2 class="section-title">产品配套服务</h2>
<h3 class="section-subtitle">标准服务</h3> <h3 class="section-subtitle">标准服务</h3>
<ul class="bz-list"> <ul class="bz-list">
<li v-for="item in bzfwList" :key="item.title"> <li v-for="item in bzfwList" :key="item.title">
<img :src="item.icon" /> <img :src="item.icon" />
<p>{{ item.title }}</p> <div class="cover">
<h4>{{ item.title }}</h4>
<p v-html="item.desc"></p>
</div>
</li> </li>
</ul> </ul>
<h3 class="section-subtitle">增值服务</h3> <h3 class="section-subtitle">增值服务</h3>
...@@ -69,14 +81,6 @@ ...@@ -69,14 +81,6 @@
</ul> </ul>
</div> </div>
</section> </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> </div>
</template> </template>
...@@ -88,141 +92,142 @@ export default { ...@@ -88,141 +92,142 @@ export default {
mkList: [ mkList: [
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1.png',
title: '大数据分析综合实践平台', title: '综合实践教学平台',
subTitle: '大数据分析综合实践优势',
children: [ children: [
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1_1.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1_1.png',
title: '真实连接企业95%以上的数据源' title: '内置多个开箱即用教学环境'
}, },
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1_2.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1_2.png',
title: '业务人员级别的可视化数据治理能力' title: '内置多门大数据基础及提升课程资源'
}, },
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1_3.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1_3.png',
title: '面向非技术人员的零代码人工智能应用' title: '支持多种训练环境及教师远程辅助'
}, },
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1_4.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1_4.png',
title: '企业真实的强大数据可视化组件' title: '支持多种虚拟化技术及部署方式'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1_5.png',
title: '稳定且安全的后台管理能力'
} }
] ]
}, },
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2.png',
title: '大数据分析教学管理平台', title: '教学管理平台',
subTitle: '大数据分析教学管理优势',
children: [ children: [
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2_1.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2_1.png',
title: '全面管理理论与实践教学资源' title: '一站式理论+实践学习平台'
}, },
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2_2.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2_2.png',
title: '资源使用情况实时可见' title: '结合配套教学资源实现开箱即用'
}, },
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2_3.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2_3.png',
title: '“院校-学院-个人”三级课程管理' title: '工业级产品与教学管理的完美适配'
}, },
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2_4.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2_4.png',
title: '丰富且灵活的基础信息管理' title: '全面支撑课程评价和专业建设数据要求'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2_5.png',
title: '丰富的教学业务支撑能力'
} }
] ]
}, },
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3.png',
title: '大数据分析实验管理平台', title: '实验管理平台',
subTitle: '大数据分析实验管理优势',
children: [ children: [
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3_1.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3_1.png',
title: '支持教学、大赛等多场景、多角色' title: '灵活的实验配置实现丰富教学场景支撑'
}, },
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3_2.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3_2.png',
title: '独立的操作指导书管理能力' title: '实验成绩多维构成及综合评分制'
}, },
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3_3.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3_3.png',
title: '独立的操作视频管理能力' title: '实验报告在线灵活填写及自动评分'
}, },
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3_4.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3_4.png',
title: '强大的过程数据记录和师生交互' title: '与大赛平台无缝衔接'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3_5.png',
title: '灵活的实验配置'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3_6.png',
title: '实验成绩多维度定义及实验报告在线填写'
} }
] ]
} }
], ],
zyList: [ zyList: [
{ title: '案例1:电子商城数据分析', industry: '电商' }, { title: '案例1：爬取51job的数据分析', industry: '互联网' },
{ title: '案例2:房屋价格的数据分析', industry: '房地产' }, { title: '案例2：威士忌酒的评论数据分析', industry: '零售' },
{ title: '案例3:汽车金融企业业务分析', industry: '汽车服务' }, { title: '案例3：印度自杀率分析', industry: '政府' },
{ title: '案例4:互联网零售数据分析', industry: '互联网' }, { title: '案例4：新加坡旅游数据的数据洞察', industry: '旅游' },
{ title: '案例5:微博热门博主与话题模型分析', industry: '互联网' }, { title: '案例5：气候变化分析', industry: '旅游' },
{ title: '案例6:商业银行专项财务指标分析', industry: '金融' }, { title: '案例6：使用社交网络广告进行销售预测', industry: '互联网' },
{ title: '案例7:信用卡欺诈行为分析', industry: '金融' }, { title: '案例7：预测泰坦尼克号生存率', industry: '交通' },
{ title: '案例8:金融量化投资分析', industry: '金融' }, { title: '案例8：糖尿病预测分析', industry: '医疗' },
{ title: '案例9:基于RFM模型进行用户分群运营分析', industry: '零售' }, { title: '案例9：房天下兰州二手房价预测', industry: '房地产' },
{ title: '案例10:智慧交通综合分析', industry: '交通' } { title: '案例10：信用卡客户违约预测', industry: '金融' }
], ],
numList: [ numList: [
{ num: 10, desc: '个案例' }, { num: 10, desc: '个案例' },
{ num: 10, desc: '篇案例原文' }, { num: 10, desc: '篇案例原文' },
{ num: 13, desc: '个数据集' }, { num: 34, desc: '份案例指导书' },
{ num: 31, desc: '份辅助资源' }, { num: 58, desc: '套教学PPT' },
{ num: 65, desc: '份案例指导书' }, { num: 157, desc: '个教学视频。' }
{ num: 65, desc: '套教学PPT' }, ],
{ num: 231, desc: '个教学视频。' } tabActive: 0,
tabList: [
{
title: '案例原文',
children: [
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/alzy_1_1.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/alzy_1_2.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/alzy_1_3.png'
]
},
{
title: '案例指导书',
children: [
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/alzy_2_1.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/alzy_2_2.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/alzy_2_3.png'
]
},
{
title: '教学PPT',
children: ['https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/alzy_3_1.png', 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/alzy_3_2.png']
},
{
title: '操作视频',
children: ['https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/alzy_4_1.png', 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/alzy_4_2.png']
}
], ],
// 标准服务 // 标准服务
bzfwList: [ bzfwList: [
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/bzfw_1.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/bzfw_1.png',
title: '产品服务' title: '产品服务',
desc: '产品安装服务<br/>产品配置调试服务<br/>产品免费升级服务<br/>……'
}, },
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/bzfw_2.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/bzfw_2.png',
title: '资源服务' title: '资源服务',
desc: '配套课程资源<br/>课程资源免费更新服务<br/>行业案例免费升级服务<br/>……'
}, },
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/bzfw_3.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/bzfw_3.png',
title: '培训服务' title: '培训服务',
desc: '产品使用培训<br/>产品维护培训<br/>……'
}, },
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/bzfw_4.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/bzfw_4.png',
title: '产品技术支持' title: '产品技术支持',
desc: '产品功能与性能巡检<br/>产品使用分析与建议<br/>产品在线技术支持<br/>产品电话技术支持<br/>……'
} }
], ],
// 增值服务 // 增值服务
zzfwList: ['顶层设计服务', '师资培训服务', '行业讲座服务', '科研服务', '教学服务'], zzfwList: ['顶层设计服务', '师资培训服务', '行业讲座服务', '科研服务', '教学服务']
// 交付案例
jfalList: [
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/jfal_1.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/jfal_2.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/jfal_3.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/jfal_4.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/jfal_5.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/jfal_6.png'
]
} }
} }
} }
...@@ -268,8 +273,17 @@ export default { ...@@ -268,8 +273,17 @@ export default {
font-weight: 400; font-weight: 400;
line-height: 34px; line-height: 34px;
color: #666666; color: #666666;
}
.section-info {
margin: 40px 0 70px;
font-size: 18px;
font-family: Source Han Sans CN;
font-weight: 400;
line-height: 34px;
color: #666666;
text-align: center; text-align: center;
} }
.section-pic { .section-pic {
text-align: center; text-align: center;
img { img {
...@@ -297,28 +311,13 @@ export default { ...@@ -297,28 +311,13 @@ export default {
color: #ffffff; 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 { ul {
height: 440px; margin-top: 40px;
display: flex;
flex-direction: column;
justify-content: space-between;
} }
li { li {
margin-top: 25px;
img { img {
margin: 0 20px; margin: 0 18px;
} }
display: flex; display: flex;
align-items: center; align-items: center;
...@@ -341,12 +340,16 @@ export default { ...@@ -341,12 +340,16 @@ export default {
transform: scale(1.06); transform: scale(1.06);
} }
} }
p { .cover {
position: absolute; position: absolute;
left: 0; left: 0;
top: 0; top: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
background: rgba(51, 51, 51, 0.6);
}
h4 {
padding: 64px 0 45px;
font-size: 24px; font-size: 24px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN; font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500; font-weight: 500;
...@@ -354,7 +357,14 @@ export default { ...@@ -354,7 +357,14 @@ export default {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
background: rgba(51, 51, 51, 0.6); }
p {
font-size: 16px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
color: #ffffff;
line-height: 40px;
text-align: center;
} }
} }
.zz-list { .zz-list {
...@@ -385,17 +395,25 @@ export default { ...@@ -385,17 +395,25 @@ export default {
} }
.zy { .zy {
display: flex; display: flex;
margin-bottom: 100px;
.table { .table {
flex: 1; flex: 1;
} }
.num { .num {
margin-left: 60px; margin-left: 35px;
} }
} }
.num { .num {
display: flex;
flex-direction: column;
justify-content: space-between;
p {
font-size: 20px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500;
color: #333333;
line-height: 30px;
}
li { li {
line-height: 70px;
span { span {
font-size: 30px; font-size: 30px;
font-weight: bold; font-weight: bold;
...@@ -442,4 +460,39 @@ export default { ...@@ -442,4 +460,39 @@ export default {
} }
} }
} }
.tab {
display: flex;
margin-bottom: 70px;
}
.tab-header {
margin-right: 38px;
li {
width: 270px;
height: 70px;
font-size: 24px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500;
line-height: 70px;
color: #333333;
background: #fff;
text-align: center;
border: 1px solid #d5d5d5;
cursor: pointer;
&.is-active {
color: #fff;
background-color: var(--main-color);
border: 1px solid var(--main-color);
}
& + li {
margin-top: 22px;
}
}
}
.tab-body {
flex: 1;
display: flex;
align-items: center;
justify-content: space-evenly;
background-color: var(--main-color);
}
</style> </style>
pages/digital/yx_1_4.vue
浏览文件 @ f96fae35
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
<div class="section-inner"> <div class="section-inner">
<h2 class="section-title">人工智能实践教学平台</h2> <h2 class="section-title">人工智能实践教学平台</h2>
<p class="section-desc"> <p class="section-desc">
数智化实践教学平台采用B/S架构，集教学资源、实验环境和工具、应用实践和硬件资源为一体的专业化教学平台。为用户解决了缺少教学资源、没有实验环境工具、怎样体系化学习、如何进阶学习、提升实际场景的应用实践经验等核心问题。从而提高学生的学习效率和学习能力，增加自身的市场竞争力。 人工智能实践教学平台是清控紫荆教育推出的旨在培养学生底层数字能力，助力高校数字化专业改造，打造高校学生人工智能通识能力与专业能力的一站式实践教学平台。该平台是既能够满足工科人工智能通识能力和专业能力的训练需求，又能够满足商科等其他学科对于人工智能基础实践教学的训练需求，还提供了竞赛等模块，满足高校对于人工智能教学的多层次需求。该平台还支撑全面教学数据采集能力，为课程评估和专业认证提供了基础支撑。
</p> </p>
<h2 class="section-title" style="margin-top: 100px">核心模块</h2> <h2 class="section-title" style="margin-top: 100px">核心模块</h2>
<div class="mk-list"> <div class="mk-list">
...@@ -17,9 +17,6 @@ ...@@ -17,9 +17,6 @@
<img :src="item.icon" /> <img :src="item.icon" />
<p>{{ item.title }}</p> <p>{{ item.title }}</p>
</div> </div>
<h4>
<span>{{ item.subTitle }}</span>
</h4>
<ul> <ul>
<li v-for="item in item.children" :key="item.title"> <li v-for="item in item.children" :key="item.title">
<img :src="item.icon" /> <img :src="item.icon" />
...@@ -32,7 +29,8 @@ ...@@ -32,7 +29,8 @@
</section> </section>
<section class="section"> <section class="section">
<div class="section-inner"> <div class="section-inner">
<h2 class="section-title">人工智能分析实践教学平台案例资源介绍</h2> <h2 class="section-title">人工智能实践教学平台案例资源介绍</h2>
<p class="section-info">以真实的行业案例为原型，辅之以大量的真实行业数据，按照国家级教材研发标准为参考开发的综合性企业真实场景的实战教学案例</p>
<div class="zy"> <div class="zy">
<table class="table"> <table class="table">
<thead> <thead>
...@@ -49,18 +47,31 @@ ...@@ -49,18 +47,31 @@
</tbody> </tbody>
</table> </table>
<ul class="num"> <ul class="num">
<p>每个案例支撑16个学时实践教学</p>
<li v-for="item in numList" :key="item.desc"> <li v-for="item in numList" :key="item.desc">
<span>{{ item.num }}</span> <span>{{ item.num }}</span>
<em>{{ item.desc }}</em> <em>{{ item.desc }}</em>
</li> </li>
</ul> </ul>
</div> </div>
<h3 class="section-subtitle">案例资源示例</h3>
<div class="tab">
<ul class="tab-header">
<li v-for="(item, index) in tabList" :class="{ 'is-active': index === tabActive }" :key="index" @mouseover="tabActive = index">{{ item.title }}</li>
</ul>
<ul class="tab-body" v-for="(item, index) in tabList" :key="index" v-if="index === tabActive">
<li v-for="item in item.children" :key="item"><img :src="item" /></li>
</ul>
</div>
<h2 class="section-title">产品配套服务</h2> <h2 class="section-title">产品配套服务</h2>
<h3 class="section-subtitle">标准服务</h3> <h3 class="section-subtitle">标准服务</h3>
<ul class="bz-list"> <ul class="bz-list">
<li v-for="item in bzfwList" :key="item.title"> <li v-for="item in bzfwList" :key="item.title">
<img :src="item.icon" /> <img :src="item.icon" />
<p>{{ item.title }}</p> <div class="cover">
<h4>{{ item.title }}</h4>
<p v-html="item.desc"></p>
</div>
</li> </li>
</ul> </ul>
<h3 class="section-subtitle">增值服务</h3> <h3 class="section-subtitle">增值服务</h3>
...@@ -69,14 +80,6 @@ ...@@ -69,14 +80,6 @@
</ul> </ul>
</div> </div>
</section> </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> </div>
</template> </template>
...@@ -88,141 +91,142 @@ export default { ...@@ -88,141 +91,142 @@ export default {
mkList: [ mkList: [
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1.png',
title: '人工智能分析综合实践平台', title: '综合实践教学平台',
subTitle: '人工智能分析综合实践优势',
children: [ children: [
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1_1.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1_1.png',
title: '真实连接企业95%以上的数据源' title: '内置多个开箱即用教学环境'
}, },
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1_2.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1_2.png',
title: '业务人员级别的可视化数据治理能力' title: '内置多门人工智能基础及提升课程资源'
}, },
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1_3.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1_3.png',
title: '面向非技术人员的零代码人工智能应用' title: '支持多种训练环境及教师远程辅助'
}, },
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1_4.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1_4.png',
title: '企业真实的强大数据可视化组件' title: '支持多种虚拟化技术及部署方式'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1_5.png',
title: '稳定且安全的后台管理能力'
} }
] ]
}, },
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2.png',
title: '人工智能分析教学管理平台', title: '教学管理平台',
subTitle: '人工智能分析教学管理优势',
children: [ children: [
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2_1.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2_1.png',
title: '全面管理理论与实践教学资源' title: '一站式理论+实践学习平台'
}, },
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2_2.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2_2.png',
title: '资源使用情况实时可见' title: '结合配套教学资源实现开箱即用'
}, },
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2_3.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2_3.png',
title: '“院校-学院-个人”三级课程管理' title: '工业级产品与教学管理的完美适配'
}, },
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2_4.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2_4.png',
title: '丰富且灵活的基础信息管理' title: '全面支撑课程评价和专业建设数据要求'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2_5.png',
title: '丰富的教学业务支撑能力'
} }
] ]
}, },
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3.png',
title: '人工智能分析实验管理平台', title: '实验管理平台',
subTitle: '人工智能分析实验管理优势',
children: [ children: [
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3_1.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3_1.png',
title: '支持教学、大赛等多场景、多角色' title: '灵活的实验配置实现丰富教学场景支撑'
}, },
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3_2.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3_2.png',
title: '独立的操作指导书管理能力' title: '实验成绩多维构成及综合评分制'
}, },
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3_3.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3_3.png',
title: '独立的操作视频管理能力' title: '实验报告在线灵活填写及自动评分'
}, },
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3_4.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3_4.png',
title: '强大的过程数据记录和师生交互' title: '与大赛平台无缝衔接'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3_5.png',
title: '灵活的实验配置'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3_6.png',
title: '实验成绩多维度定义及实验报告在线填写'
} }
] ]
} }
], ],
zyList: [
{ title: '案例1:电子商城数据分析', industry: '电商' },
{ title: '案例2:房屋价格的数据分析', industry: '房地产' },
{ title: '案例3:汽车金融企业业务分析', industry: '汽车服务' },
{ title: '案例4:互联网零售数据分析', industry: '互联网' },
{ title: '案例5:微博热门博主与话题模型分析', industry: '互联网' },
{ title: '案例6:商业银行专项财务指标分析', industry: '金融' },
{ title: '案例7:信用卡欺诈行为分析', industry: '金融' },
{ title: '案例8:金融量化投资分析', industry: '金融' },
{ title: '案例9:基于RFM模型进行用户分群运营分析', industry: '零售' },
{ title: '案例10:智慧交通综合分析', industry: '交通' }
],
numList: [ numList: [
{ num: 10, desc: '个案例' }, { num: 10, desc: '个案例' },
{ num: 10, desc: '篇案例原文' }, { num: 10, desc: '篇案例原文' },
{ num: 13, desc: '个数据集' }, { num: 28, desc: '份案例指导书' },
{ num: 31, desc: '份辅助资源' }, { num: 54, desc: '套教学PPT' },
{ num: 65, desc: '份案例指导书' }, { num: 150, desc: '个教学视频。' }
{ num: 65, desc: '套教学PPT' }, ],
{ num: 231, desc: '个教学视频。' } zyList: [
{ title: '案例1：线性回归应用', industry: '互联网' },
{ title: '案例2：数据分类', industry: '互联网' },
{ title: '案例3：语义角色标注', industry: '互联网' },
{ title: '案例4：图像分类', industry: '互联网' },
{ title: '案例5：人群口罩佩戴检测', industry: '医疗' },
{ title: '案例6：目标检测', industry: '金融' },
{ title: '案例7：人脸检测', industry: '互联网' },
{ title: '案例8：个性化推荐', industry: '金融' },
{ title: '案例9：情感分析', industry: '互联网' },
{ title: '案例10：机器翻译', industry: '互联网' }
],
tabActive: 0,
tabList: [
{
title: '案例原文',
children: [
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/alzy_1_1.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/alzy_1_2.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/alzy_1_3.png'
]
},
{
title: '案例指导书',
children: [
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/alzy_2_1.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/alzy_2_2.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/alzy_2_3.png'
]
},
{
title: '教学PPT',
children: ['https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/alzy_3_1.png', 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/alzy_3_2.png']
},
{
title: '操作视频',
children: ['https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/alzy_4_1.png', 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/alzy_4_2.png']
}
], ],
// 标准服务 // 标准服务
bzfwList: [ bzfwList: [
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/bzfw_1.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/bzfw_1.png',
title: '产品服务' title: '产品服务',
desc: '产品安装服务<br/>产品配置调试服务<br/>产品免费升级服务<br/>……'
}, },
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/bzfw_2.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/bzfw_2.png',
title: '资源服务' title: '资源服务',
desc: '配套课程资源<br/>课程资源免费更新服务<br/>行业案例免费升级服务<br/>……'
}, },
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/bzfw_3.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/bzfw_3.png',
title: '培训服务' title: '培训服务',
desc: '产品使用培训<br/>产品维护培训<br/>……'
}, },
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/bzfw_4.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/bzfw_4.png',
title: '产品技术支持' title: '产品技术支持',
desc: '产品功能与性能巡检<br/>产品使用分析与建议<br/>产品在线技术支持<br/>产品电话技术支持<br/>……'
} }
], ],
// 增值服务 // 增值服务
zzfwList: ['顶层设计服务', '师资培训服务', '行业讲座服务', '科研服务', '教学服务'], zzfwList: ['顶层设计服务', '师资培训服务', '行业讲座服务', '科研服务', '教学服务']
// 交付案例
jfalList: [
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/jfal_1.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/jfal_2.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/jfal_3.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/jfal_4.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/jfal_5.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/jfal_6.png'
]
} }
} }
} }
...@@ -268,8 +272,17 @@ export default { ...@@ -268,8 +272,17 @@ export default {
font-weight: 400; font-weight: 400;
line-height: 34px; line-height: 34px;
color: #666666; color: #666666;
}
.section-info {
margin: 40px 0 70px;
font-size: 18px;
font-family: Source Han Sans CN;
font-weight: 400;
line-height: 34px;
color: #666666;
text-align: center; text-align: center;
} }
.section-pic { .section-pic {
text-align: center; text-align: center;
img { img {
...@@ -297,28 +310,13 @@ export default { ...@@ -297,28 +310,13 @@ export default {
color: #ffffff; 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 { ul {
height: 440px; margin-top: 40px;
display: flex;
flex-direction: column;
justify-content: space-between;
} }
li { li {
margin-top: 25px;
img { img {
margin: 0 20px; margin: 0 18px;
} }
display: flex; display: flex;
align-items: center; align-items: center;
...@@ -341,12 +339,16 @@ export default { ...@@ -341,12 +339,16 @@ export default {
transform: scale(1.06); transform: scale(1.06);
} }
} }
p { .cover {
position: absolute; position: absolute;
left: 0; left: 0;
top: 0; top: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
background: rgba(51, 51, 51, 0.6);
}
h4 {
padding: 64px 0 45px;
font-size: 24px; font-size: 24px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN; font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500; font-weight: 500;
...@@ -354,7 +356,14 @@ export default { ...@@ -354,7 +356,14 @@ export default {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
background: rgba(51, 51, 51, 0.6); }
p {
font-size: 16px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
color: #ffffff;
line-height: 40px;
text-align: center;
} }
} }
.zz-list { .zz-list {
...@@ -385,17 +394,25 @@ export default { ...@@ -385,17 +394,25 @@ export default {
} }
.zy { .zy {
display: flex; display: flex;
margin-bottom: 100px;
.table { .table {
flex: 1; flex: 1;
} }
.num { .num {
margin-left: 60px; margin-left: 35px;
} }
} }
.num { .num {
display: flex;
flex-direction: column;
justify-content: space-between;
p {
font-size: 20px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500;
color: #333333;
line-height: 30px;
}
li { li {
line-height: 70px;
span { span {
font-size: 30px; font-size: 30px;
font-weight: bold; font-weight: bold;
...@@ -442,4 +459,39 @@ export default { ...@@ -442,4 +459,39 @@ export default {
} }
} }
} }
.tab {
display: flex;
margin-bottom: 70px;
}
.tab-header {
margin-right: 38px;
li {
width: 270px;
height: 70px;
font-size: 24px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500;
line-height: 70px;
color: #333333;
background: #fff;
text-align: center;
border: 1px solid #d5d5d5;
cursor: pointer;
&.is-active {
color: #fff;
background-color: var(--main-color);
border: 1px solid var(--main-color);
}
& + li {
margin-top: 22px;
}
}
}
.tab-body {
flex: 1;
display: flex;
align-items: center;
justify-content: space-evenly;
background-color: var(--main-color);
}
</style> </style>
pages/digital/yx_2.vue
浏览文件 @ f96fae35
...@@ -7,6 +7,12 @@ ...@@ -7,6 +7,12 @@
<section class="section"> <section class="section">
<div class="section-inner"> <div class="section-inner">
<h2 class="section-title">产业学院及专业方向</h2> <h2 class="section-title">产业学院及专业方向</h2>
<div class="section-pic">
<img src="https://webapp-pub.ezijing.com/www/pc/digital/yx_2/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> </div>
</section> </section>
<section class="section"> <section class="section">
...@@ -48,12 +54,12 @@ export default { ...@@ -48,12 +54,12 @@ export default {
return { return {
// 交付案例 // 交付案例
jfalList: [ jfalList: [
'https://webapp-pub.ezijing.com/www/pc/digital/yx_2/al_1.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_3.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_2/al_4.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_2/al_5.png', 'https://webapp-pub.ezijing.com/www/pc/digital/yx_2/al_5.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_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'
] ]
} }
} }
...@@ -67,10 +73,10 @@ export default { ...@@ -67,10 +73,10 @@ export default {
} }
} }
.section:nth-child(even) { .section:nth-child(even) {
background-color: #fff; background-color: #f9f8f8;
} }
.section:nth-child(odd) { .section:nth-child(odd) {
background-color: #f9f8f8; background-color: #fff;
} }
.section-inner { .section-inner {
width: 1200px; width: 1200px;
...@@ -150,7 +156,7 @@ export default { ...@@ -150,7 +156,7 @@ export default {
} }
li { li {
img { img {
margin: 0 20px; margin: 0 18px;
} }
display: flex; display: flex;
align-items: center; align-items: center;
...@@ -222,12 +228,14 @@ export default { ...@@ -222,12 +228,14 @@ export default {
flex: 1; flex: 1;
} }
.num { .num {
margin-left: 60px; margin-left: 35px;
} }
} }
.num { .num {
display: flex;
flex-direction: column;
justify-content: space-between;
li { li {
line-height: 70px;
span { span {
font-size: 30px; font-size: 30px;
font-weight: bold; font-weight: bold;
......
pages/digital/yx_3.vue
浏览文件 @ f96fae35
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
</div> </div>
<section class="section"> <section class="section">
<div class="section-inner"> <div class="section-inner">
<h2 class="section-title">专业人培方案数字化改造升级</h2> <h2 class="section-title">数字人才技能解构-能力模型</h2>
<div class="section-pic"> <div class="section-pic">
<img src="https://webapp-pub.ezijing.com/www/pc/digital/yx_3/1.png" /> <img src="https://webapp-pub.ezijing.com/www/pc/digital/yx_3/1.png" />
</div> </div>
...@@ -14,26 +14,54 @@ ...@@ -14,26 +14,54 @@
</section> </section>
<section class="section"> <section class="section">
<div class="section-inner"> <div class="section-inner">
<h2 class="section-title">数字人才实习实训实验室</h2> <h2 class="section-title">我国高校专业数字化改造提升需求迫切</h2>
<div class="section-pic"> <div class="section-pic">
<img src="https://webapp-pub.ezijing.com/www/pc/digital/yx_3/2.png" /> <img src="https://webapp-pub.ezijing.com/www/pc/digital/yx_3/2.png" />
</div> </div>
</div> </div>
</section> </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_3/3.png" />
</div>
</div>
</section>
<section class="section"> <section class="section">
<div class="section-inner"> <div class="section-inner">
<h2 class="section-title">数字化技能核心课程</h2> <h2 class="section-title">数字化技能核心课程</h2>
<p class="section-desc"> <p class="section-desc">
紫荆教育通过数字经济实验平台（商业数据分析实验平台和数字营销实验平台）负责实施商业数据分析和数字营销两门课，共计96课时。紫荆教育数字经济实验室作为紫荆教育工业级产品，在多个行业有真实应用，为数字人才培养提供立体化教学实施平台，打造数字化教学模式。师资全部来自业务骨干，行业专家和学校专业教师团队组成混编师资团队，针对课程形成理论基础+行业数字化应用两个层次多个维度的分工合作，优势互补，相互促进，形成师资立方体，实现嵌入式融合创新实践。 紫荆教育通过数字经济实验平台（商业数据分析实验平台和数字营销实验平台）负责实施商业数据分析和数字营销两门课，共计96课时。紫荆教育数字经济实验室作为紫荆教育工业级产品，在多个行业有真实应用，为数字人才培养提供立体化教学实施平台，打造数字化教学模式。师资全部来自业务骨干，行业专家和学校专业教师团队组成混编师资团队，针对课程形成理论基础+行业数字化应用两个层次多个维度的分工合作，优势互补，相互促进，形成师资立方体，实现嵌入式融合创新实践。
</p> </p>
<ul class="course-list">
<li v-for="item in courseList" :key="item.title">
<div class="pic">
<img :src="item.icon" />
</div>
<h3>{{ item.title }}</h3>
<p>{{ item.desc }}</p>
</li>
<li><h3>...</h3></li>
</ul>
<div class="course-box">
<h3>通识课程</h3>
<ul>
<li>商业数据分析</li>
<li>数字营销</li>
</ul>
</div>
</div> </div>
</section> </section>
<section class="section"> <section class="section">
<div class="section-inner"> <div class="section-inner">
<h2 class="section-title">长期培养数字技能授课师资</h2> <h2 class="section-title">数字师资提升</h2>
<p class="section-desc"> <p class="section-desc">
师资培养发扬自身特色和发挥资源优势，主要围绕数字素质技能与教学创新团队两个方面展开，着重加强数字化人才培养方面的培训，定期开展培训交流研讨，推动教师及专业数字化改造“双师”团队的建设。 采用“引入国际顶尖师资、互派产业院校师资、系统化培训” 3 重手段、16 个子项目实现“教师的国际化水平、产业实战水平和岗课赛证融通水平” 3 个水平的有效提升
</p> </p>
<div class="section-pic" style="margin: 80px 0">
<img src="https://webapp-pub.ezijing.com/www/pc/digital/yx_3/4.png" />
</div>
<ul class="al-list"> <ul class="al-list">
<li v-for="item in jfalList" :key="item"><img :src="item" /></li> <li v-for="item in jfalList" :key="item"><img :src="item" /></li>
</ul> </ul>
...@@ -46,11 +74,33 @@ ...@@ -46,11 +74,33 @@
export default { export default {
data() { data() {
return { return {
courseList: [
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_3/course_1.png',
title: '数字金融',
desc: '（校企联合开发）'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_3/course_2.png',
title: '数字贸易',
desc: '（校企联合开发）'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_3/course_3.png',
title: '数字农业',
desc: '（校企联合开发）'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_3/course_4.png',
title: '数字康养',
desc: '（校企联合开发）'
}
],
// 交付案例 // 交付案例
jfalList: [ jfalList: [
'https://webapp-pub.ezijing.com/www/pc/digital/yx_3/show_1.png', 'https://webapp-pub.ezijing.com/www/pc/digital/yx_3/show_3.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_3/show_2.png', 'https://webapp-pub.ezijing.com/www/pc/digital/yx_3/show_2.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_3/show_3.png' 'https://webapp-pub.ezijing.com/www/pc/digital/yx_3/show_1.png'
] ]
} }
} }
...@@ -64,10 +114,10 @@ export default { ...@@ -64,10 +114,10 @@ export default {
} }
} }
.section:nth-child(even) { .section:nth-child(even) {
background-color: #f9f8f8; background-color: #fff;
} }
.section:nth-child(odd) { .section:nth-child(odd) {
background-color: #fff; background-color: #f9f8f8;
} }
.section-inner { .section-inner {
width: 1200px; width: 1200px;
...@@ -92,7 +142,7 @@ export default { ...@@ -92,7 +142,7 @@ export default {
border-bottom: 1px solid var(--main-color); border-bottom: 1px solid var(--main-color);
} }
.section-desc { .section-desc {
font-size: 18px; font-size: 16px;
font-family: Source Han Sans CN; font-family: Source Han Sans CN;
font-weight: 400; font-weight: 400;
line-height: 34px; line-height: 34px;
...@@ -115,4 +165,83 @@ export default { ...@@ -115,4 +165,83 @@ export default {
} }
} }
} }
.course-list {
margin: 80px 0;
display: flex;
column-gap: 40px;
li {
position: relative;
height: 260px;
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border: 1px solid #d5d5d5;
&::after {
position: absolute;
content: '';
left: -1px;
right: -1px;
bottom: -1px;
height: 10px;
background-color: var(--main-color);
}
.pic {
margin-bottom: 20px;
display: flex;
align-items: center;
justify-content: center;
width: 90px;
height: 90px;
background-color: var(--main-color);
border-radius: 50%;
}
h3 {
font-size: 20px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
color: #333333;
line-height: 34px;
}
p {
font-size: 16px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
color: #6c6c6c;
line-height: 34px;
}
}
}
.course-box {
padding: 30px 0;
background-color: var(--main-color);
h3 {
font-size: 24px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
color: #ffffff;
line-height: 34px;
text-align: center;
}
ul {
margin-top: 38px;
display: flex;
align-items: center;
justify-content: center;
column-gap: 80px;
}
li {
width: 460px;
height: 60px;
background: #ffffff;
border-radius: 30px;
font-size: 22px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
color: #333333;
line-height: 60px;
text-align: center;
}
}
</style> </style>
pages/digital/zf_1.vue
浏览文件 @ f96fae35
...@@ -8,18 +8,18 @@ ...@@ -8,18 +8,18 @@
<div class="section-inner"> <div class="section-inner">
<h2 class="section-title">数字技能公共实训基地</h2> <h2 class="section-title">数字技能公共实训基地</h2>
<p class="section-desc"> <p class="section-desc">
发展数字经济，人才是关键，也是产业园区招商引资的差异化竞争力和服务。紫荆教育为政府（产业园区）提供“数字人才技能实践基地”解决方案，建设”1385“核心内容等项目。紫荆教育的领先产品、丰富产业资源和强大运营能力和政府或者产业园区结合，将极大的提高政府数字人才培养的效率和产业竞争力。 围绕区域经济发展目标，“政产学研用金”六位一体协同引领，以创新职业教育模式为特色，汇聚和引领优质教育和产业资源，多方共同打造“数字技能公共实训基地”，培养和集聚一批符合当地数字产业发展需要的创新型高技能人才，为区域产业发展提供人才支撑。
</p> </p>
</div> </div>
<div class="section-pic" style="margin-bottom: 60px"><img src="https://webapp-pub.ezijing.com/www/pc/digital/zf_1/1.png" /></div> <div class="section-pic"><img src="https://webapp-pub.ezijing.com/www/pc/digital/zf_1/1.png" /></div>
</section> </section>
<section class="section"> <section class="section">
<div class="section-inner"> <div class="section-inner">
<div class="section-pic" style="margin-bottom: 60px"><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">
<li v-for="item in jfalList" :key="item"><img :src="item" /></li> <li v-for="item in jfalList" :key="item"><img :src="item" /></li>
</ul> </ul> -->
</div> </div>
</section> </section>
</div> </div>
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论