Skip to content

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

chore: update

上级 c70354c0
全部展开 隐藏空白字符变更
内嵌 并排
正在显示 包含 165 行增加 和 28 行删除
components/Head.vue
浏览文件 @ f96fae35
......@@ -119,7 +119,7 @@ export default {
},
{
name: '产教融合',
path: '/digital',
path: '/digital/yx_1',
childern: [
{
name: '院校',
......@@ -159,7 +159,7 @@ export default {
},
{
name: '企业人才定制化服务',
path: 'digital/qy_1'
path: ''
}
]
}
......
components/home/digital.vue
浏览文件 @ f96fae35
<template>
<AppCard titleAlign="center">
<template #title>
<nuxt-link to="/digital">产教融合</nuxt-link>
<nuxt-link to="/digital/yx_1">产教融合</nuxt-link>
</template>
<div class="row">
<div class="col" v-for="item in list" :key="item.title">
......@@ -81,7 +81,7 @@ export default {
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: 'digital/qy_1'
path: ''
}
]
}
......
pages/digital/yx_1_1.vue
浏览文件 @ f96fae35
差异被折叠。
pages/digital/yx_1_2.vue
浏览文件 @ f96fae35
差异被折叠。
pages/digital/yx_1_3.vue
浏览文件 @ f96fae35
差异被折叠。
pages/digital/yx_1_4.vue
浏览文件 @ f96fae35
差异被折叠。
pages/digital/yx_2.vue
浏览文件 @ f96fae35
......@@ -7,6 +7,12 @@
<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/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">
......@@ -48,12 +54,12 @@ export default {
return {
// 交付案例
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_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 {
}
}
.section:nth-child(even) {
background-color: #fff;
background-color: #f9f8f8;
}
.section:nth-child(odd) {
background-color: #f9f8f8;
background-color: #fff;
}
.section-inner {
width: 1200px;
......@@ -150,7 +156,7 @@ export default {
}
li {
img {
margin: 0 20px;
margin: 0 18px;
}
display: flex;
align-items: center;
......@@ -222,12 +228,14 @@ export default {
flex: 1;
}
.num {
margin-left: 60px;
margin-left: 35px;
}
}
.num {
display: flex;
flex-direction: column;
justify-content: space-between;
li {
line-height: 70px;
span {
font-size: 30px;
font-weight: bold;
......
pages/digital/yx_3.vue
浏览文件 @ f96fae35
......@@ -6,7 +6,7 @@
</div>
<section class="section">
<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_3/1.png" />
</div>
......@@ -14,26 +14,54 @@
</section>
<section class="section">
<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_3/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_3/3.png" />
</div>
</div>
</section>
<section class="section">
<div class="section-inner">
<h2 class="section-title">数字化技能核心课程</h2>
<p class="section-desc">
紫荆教育通过数字经济实验平台（商业数据分析实验平台和数字营销实验平台）负责实施商业数据分析和数字营销两门课，共计96课时。紫荆教育数字经济实验室作为紫荆教育工业级产品，在多个行业有真实应用，为数字人才培养提供立体化教学实施平台，打造数字化教学模式。师资全部来自业务骨干，行业专家和学校专业教师团队组成混编师资团队，针对课程形成理论基础+行业数字化应用两个层次多个维度的分工合作，优势互补，相互促进，形成师资立方体，实现嵌入式融合创新实践。
</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>
</section>
<section class="section">
<div class="section-inner">
<h2 class="section-title">长期培养数字技能授课师资</h2>
<h2 class="section-title">数字师资提升</h2>
<p class="section-desc">
师资培养发扬自身特色和发挥资源优势，主要围绕数字素质技能与教学创新团队两个方面展开，着重加强数字化人才培养方面的培训，定期开展培训交流研讨，推动教师及专业数字化改造“双师”团队的建设。
采用“引入国际顶尖师资、互派产业院校师资、系统化培训” 3 重手段、16 个子项目实现“教师的国际化水平、产业实战水平和岗课赛证融通水平” 3 个水平的有效提升
</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">
<li v-for="item in jfalList" :key="item"><img :src="item" /></li>
</ul>
......@@ -46,11 +74,33 @@
export default {
data() {
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: [
'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_3.png'
'https://webapp-pub.ezijing.com/www/pc/digital/yx_3/show_1.png'
]
}
}
......@@ -64,10 +114,10 @@ export default {
}
}
.section:nth-child(even) {
background-color: #f9f8f8;
background-color: #fff;
}
.section:nth-child(odd) {
background-color: #fff;
background-color: #f9f8f8;
}
.section-inner {
width: 1200px;
......@@ -92,7 +142,7 @@ export default {
border-bottom: 1px solid var(--main-color);
}
.section-desc {
font-size: 18px;
font-size: 16px;
font-family: Source Han Sans CN;
font-weight: 400;
line-height: 34px;
......@@ -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>
pages/digital/zf_1.vue
浏览文件 @ f96fae35
......@@ -8,18 +8,18 @@
<div class="section-inner">
<h2 class="section-title">数字技能公共实训基地</h2>
<p class="section-desc">
发展数字经济，人才是关键，也是产业园区招商引资的差异化竞争力和服务。紫荆教育为政府（产业园区）提供“数字人才技能实践基地”解决方案，建设”1385“核心内容等项目。紫荆教育的领先产品、丰富产业资源和强大运营能力和政府或者产业园区结合，将极大的提高政府数字人才培养的效率和产业竞争力。
围绕区域经济发展目标，“政产学研用金”六位一体协同引领，以创新职业教育模式为特色，汇聚和引领优质教育和产业资源，多方共同打造“数字技能公共实训基地”，培养和集聚一批符合当地数字产业发展需要的创新型高技能人才，为区域产业发展提供人才支撑。
</p>
</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 class="section">
<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>
<h2 class="section-title">交付案例</h2>
<div class="section-pic"><img src="https://webapp-pub.ezijing.com/www/pc/digital/zf_1/2.png" /></div>
<!-- <h2 class="section-title">交付案例</h2>
<ul class="al-list">
<li v-for="item in jfalList" :key="item"><img :src="item" /></li>
</ul>
</ul> -->
</div>
</section>
</div>
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论