Skip to content

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

chore: update

上级 3fcb499d
隐藏空白字符变更
内嵌 并排
正在显示 包含 922 行增加 和 36 行删除
assets/css/base.css
浏览文件 @ 6d808d08
...@@ -22,7 +22,7 @@ body { ...@@ -22,7 +22,7 @@ body {
'Hiragino Sans GB', 'Wenquanyi Micro Hei', sans-serif; 'Hiragino Sans GB', 'Wenquanyi Micro Hei', sans-serif;
padding: 0; padding: 0;
margin: 0; margin: 0;
background: #F9F8F8; background: #f9f8f8;
} }
p { p {
margin: 0; margin: 0;
...@@ -172,3 +172,6 @@ a { ...@@ -172,3 +172,6 @@ a {
color: currentColor; color: currentColor;
} }
:root {
--main-color: #aa1941;
}
components/Head.vue
浏览文件 @ 6d808d08
...@@ -139,16 +139,15 @@ export default { ...@@ -139,16 +139,15 @@ export default {
}, },
{ {
name: '数字经济实验室', name: '数字经济实验室',
path: '/practice/laboratory' path: '/practice/laboratory'
}, },
{ {
name: '数字经济职业技能中心', name: '数字经济职业技能中心',
pathType: 3 path: '/practice/skill'
}, },
{ {
name: '数字经济产业&人才服务平台', name: '数字经济产业&人才服务平台',
pathType: 3 path: '/practice/talent'
}, },
{ {
name: '数字化转型高级研修项目', name: '数字化转型高级研修项目',
...@@ -156,7 +155,7 @@ export default { ...@@ -156,7 +155,7 @@ export default {
}, },
{ {
name: '服务案例', name: '服务案例',
path: '/services/college/case', path: '/services/college/case'
} }
] ]
}, },
...@@ -172,7 +171,7 @@ export default { ...@@ -172,7 +171,7 @@ export default {
}, },
{ {
name: '专业共建数字化改造', name: '专业共建数字化改造',
pathType: 3 path: '/services/professional'
}, },
{ {
name: '数字经济实验室', name: '数字经济实验室',
...@@ -180,11 +179,11 @@ export default { ...@@ -180,11 +179,11 @@ export default {
}, },
{ {
name: '教学研发', name: '教学研发',
path: '/services/teach', path: '/services/teach'
}, },
{ {
name: '引产入校', name: '引产入校',
pathType: 3 path: '/services/school'
}, },
{ {
name: '实习就业', name: '实习就业',
...@@ -192,7 +191,7 @@ export default { ...@@ -192,7 +191,7 @@ export default {
}, },
{ {
name: '落地案例', name: '落地案例',
path: '/services/college/case', path: '/services/college/case'
} }
] ]
}, },
......
components/home/homeMenu.vue
浏览文件 @ 6d808d08
...@@ -28,7 +28,7 @@ export default { ...@@ -28,7 +28,7 @@ export default {
icon: 'https://webapp-pub.ezijing.com/www/pc/home/gov/icon_gongjian.png', icon: 'https://webapp-pub.ezijing.com/www/pc/home/gov/icon_gongjian.png',
iconActive: 'https://webapp-pub.ezijing.com/www/pc/home/gov/icon_gongjian_active.png', iconActive: 'https://webapp-pub.ezijing.com/www/pc/home/gov/icon_gongjian_active.png',
text: `数字经济<br />产业学院`, text: `数字经济<br />产业学院`,
path: '/practice/Index' path: '/practice/index'
}, },
{ {
icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/gov/icon_shiyan.png', icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/gov/icon_shiyan.png',
...@@ -40,17 +40,13 @@ export default { ...@@ -40,17 +40,13 @@ export default {
icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/gov/icon_1%2Bx.png', icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/gov/icon_1%2Bx.png',
iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/gov/icon_1%2Bx_active.png', iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/gov/icon_1%2Bx_active.png',
text: `数字经济 <br />职业技能中心`, text: `数字经济 <br />职业技能中心`,
onClick: () => { path: '/practice/skill'
this.$message('暂未开通')
}
}, },
{ {
icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/gov/icon_pt.png', icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/gov/icon_pt.png',
iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/gov/icon_pt_active.png', iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/gov/icon_pt_active.png',
text: `数字经济产业& <br />人才服务平台`, text: `数字经济产业& <br />人才服务平台`,
onClick: () => { path: '/practice/talent'
this.$message('暂未开通')
}
}, },
{ {
icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/gov/icon_xm.png', icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/gov/icon_xm.png',
......
components/home/industrialCollege.vue
浏览文件 @ 6d808d08
...@@ -32,9 +32,7 @@ export default { ...@@ -32,9 +32,7 @@ export default {
icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_gj.png', icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_gj.png',
iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_gj_active.png', iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_gj_active.png',
text: '专业共建<br/>数字化改造', text: '专业共建<br/>数字化改造',
onClick: () => { path: '/services/professional'
this.$message('暂未开通')
}
}, },
{ {
icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_sy.png', icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_sy.png',
...@@ -52,16 +50,13 @@ export default { ...@@ -52,16 +50,13 @@ export default {
icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_yc.png', icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_yc.png',
iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_yc_active.png', iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_yc_active.png',
text: '引产入校', text: '引产入校',
onClick: () => { path: '/services/school'
this.$message('暂未开通')
}
}, },
{ {
icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_jy.png', icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_jy.png',
iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_jy_active.png', iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_jy_active.png',
text: '实习就业', text: '实习就业',
path: '/services/employment' path: '/services/employment'
// pathType: 0
}, },
{ {
icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_al.png', icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_al.png',
......
pages/practice/skill.vue 0 → 100644
浏览文件 @ 6d808d08
<!-- 数字经济人才公共服务平台 -->
<template>
<div>
<div class="banner"><img src="https://webapp-pub.ezijing.com/www/pc/practice/skill/banner.jpg" /></div>
<section class="section">
<div class="section-inner">
<h2 class="section-title">数字经济人才技能中心</h2>
<p class="section-desc">
先引入、后开发，形成官方评价+行业评价+企业评价三层级的认证体系
</p>
<div class="section-pic">
<img src="https://webapp-pub.ezijing.com/www/pc/practice/skill/001.png" />
</div>
<div class="system-list">
<div class="system-item" v-for="(item, index) in list" :key="index">
<h3>{{ item.title }}</h3>
<p v-html="item.desc"></p>
</div>
</div>
</div>
</section>
<section class="section">
<div class="section-inner">
<div class="project-list">
<div class="project-item" v-for="(item, index) in list2" :key="index">
<div class="project-item__pic"><img :src="item.image_url" /></div>
<div class="project-item__content">
<p>{{ item.title }}</p>
<a :href="item.href" target="_blank">
<el-button type="primary">点击进入</el-button>
</a>
</div>
</div>
</div>
</div>
</section>
</div>
</template>
<script>
export default {
data() {
return {
list: [
{
title: '引入官方认证体系',
desc:
'引入工信部“互联网营销师”“商业数据分析师”（已授权清控紫荆）等证书，面向企业职工进行认证；<br/>引入教育部金融产品数字化营销（评价组织：清控紫荆）及其他“1+X”证书，为湖南高职院校学生提供认证服务。'
},
{
title: '引入社会认证体系',
desc: '引入湖南省人社厅主持的“第三方评价组织”中的成熟项目，培养与区域产业高适配度的人才。'
},
{
title: '自主开发认证体系',
desc:
'以“产教融合实训基地”为主体，向人社部门（国家、省级、市级三级）申报第三方评价组织，联合龙头企业开发新职业，报请人社部审批、发布。'
}
],
list2: [
{
image_url: 'https://webapp-pub.ezijing.com/www/pc/practice/skill/1.png',
title: '1+X金融产品数字化营销职业技能等级证书',
href: 'https://x.ezijing.com/'
},
{
image_url: 'https://webapp-pub.ezijing.com/www/pc/practice/skill/2.png',
title: '私人财富风险管理顾问-认证证书-清控紫荆教育财富人才培育品牌',
href: 'https://prp.ezijing.com/'
},
{
image_url: 'https://webapp-pub.ezijing.com/www/pc/practice/skill/3.png',
title: '紫荆教育数字职业技能培训中心',
href: 'https://vst.ezijing.com/'
}
]
}
},
methods: {}
}
</script>
<style lang="scss" scoped>
.banner {
img {
width: 100%;
}
}
.section:nth-child(odd) {
background-color: #f9f8f8;
}
.section:nth-child(even) {
background-color: #fff;
}
.section-inner {
width: 1200px;
margin: 0 auto;
padding: 90px 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-desc {
font-size: 20px;
font-family: Source Han Sans CN;
font-weight: 500;
line-height: 34px;
color: #333333;
text-align: center;
}
.section-pic {
text-align: center;
img {
max-width: 100%;
}
}
.system-list {
margin-top: 60px;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 58px;
}
.system-item {
position: relative;
padding: 50px 30px;
box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.12);
h3 {
margin-bottom: 20px;
font-size: 20px;
font-family: Source Han Sans CN;
font-weight: 500;
line-height: 34px;
color: #333333;
}
p {
font-size: 16px;
font-family: Source Han Sans CN;
font-weight: 400;
line-height: 32px;
color: #666666;
}
}
.system-item + .system-item {
&::before {
content: '';
position: absolute;
left: -58px;
width: 58px;
top: 50%;
border-top: 1px dashed var(--main-color);
transform: translateY(-50%);
}
&::after {
content: '';
position: absolute;
left: -29px;
top: 50%;
width: 0;
height: 0;
border: 5px solid transparent;
border-left: 5px solid var(--main-color);
transform: translateY(-50%);
}
}
.project-list {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
.project-item {
background-color: #fff;
&:hover {
box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
}
}
.project-item__content {
padding: 22px;
text-align: center;
p {
height: 48px;
font-size: 16px;
font-family: Source Han Sans CN;
font-weight: 400;
line-height: 24px;
color: #333333;
}
.el-button {
margin-top: 18px;
width: 130px;
border-radius: 0;
}
}
</style>
pages/practice/talent.vue 0 → 100644
浏览文件 @ 6d808d08
<!-- 数字经济人才公共服务平台 -->
<template>
<div>
<div class="banner"><img src="https://webapp-pub.ezijing.com/www/pc/practice/talent/banner.jpg" /></div>
<section class="section">
<div class="section-inner">
<h2 class="section-title">数字经济人才公共服务平台</h2>
<p class="section-desc">
打造人才和产业对接的“最后一公里”，搭载智慧人才库、人才测评、在线课堂、人才管理、资源共享、项目对接等六项服务，疏解企业人才“选、育、留”难题
</p>
<div class="platform-list">
<div class="platform-item" v-for="(item, index) in list" :key="item.image_url">
<div class="platform-item__content">
<div class="platform-item__header">
<span>0{{ index + 1 }}</span>
<h2>{{ item.title }}</h2>
</div>
<h3>{{ item.subtitle }}</h3>
<p>{{ item.desc }}</p>
</div>
<div class="platform-item__pic"><img :src="item.image_url" /></div>
</div>
</div>
</div>
</section>
</div>
</template>
<script>
export default {
data() {
return {
list: [
{
image_url: 'https://webapp-pub.ezijing.com/www/pc/practice/talent/1.jpg',
title: '数字金融',
subtitle: '高质量就业',
desc: '引入中国中小企业协会，拓展“国际软件外包交付基地”企业资源，提供充足的就业岗位，帮助人才高质量就业。'
},
{
image_url: 'https://webapp-pub.ezijing.com/www/pc/practice/talent/2.jpg',
title: '建设数字人才库',
subtitle: '引才',
desc: '通过产业学院、实践基地集聚人才，划分类型、精细入库，打造“一链六类多群”人才储备平台，为企业“引才”。'
},
{
image_url: 'https://webapp-pub.ezijing.com/www/pc/practice/talent/3.jpg',
title: '建设线上内训平台',
subtitle: '育才',
desc: '开发线上培训SaaS平台，融合多形态的资源建设“技能字典”，形成泛在学习网络，为企业“育才”。'
},
{
image_url: 'https://webapp-pub.ezijing.com/www/pc/practice/talent/4.jpg',
title: '建设“技能码”',
subtitle: '留才',
desc: '采集技能类型、技能等级、学习轨迹等数据生成“技能码”，开展人才需求研究，服务精准招聘，为企业“留才”。'
}
]
}
},
methods: {}
}
</script>
<style lang="scss" scoped>
.banner {
img {
width: 100%;
}
}
.section-inner {
width: 1200px;
margin: 0 auto;
padding: 90px 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-desc {
font-size: 20px;
font-family: Source Han Sans CN;
font-weight: 500;
line-height: 34px;
color: #333333;
text-align: center;
}
.section-pic {
text-align: center;
img {
max-width: 100%;
}
}
.platform-list {
margin-top: 100px;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 30px;
}
.platform-item {
display: flex;
padding: 40px 20px;
box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
border-radius: 6px;
overflow: hidden;
}
.platform-item__content {
margin-right: 14px;
h3 {
margin-top: 10px;
font-size: 16px;
font-family: Source Han Sans CN;
font-weight: 400;
line-height: 34px;
color: #aa1941;
}
p {
font-size: 14px;
font-family: Source Han Sans CN;
font-weight: 400;
line-height: 24px;
color: #666666;
}
}
.platform-item__header {
position: relative;
span {
font-size: 50px;
font-family: Helvetica Neue LT Pro;
font-weight: normal;
line-height: 24px;
color: #eaeaea;
}
h2 {
position: absolute;
left: 0;
bottom: 0;
font-size: 18px;
font-family: Source Han Sans CN;
font-weight: 500;
color: #333333;
}
}
</style>
pages/services/professional.vue
浏览文件 @ 6d808d08
...@@ -22,15 +22,206 @@ ...@@ -22,15 +22,206 @@
<p class="section-desc"> <p class="section-desc">
以商业数据分析为底层技术，以数字营销、数字运营、数字会计为核心基础专业，同时，基于数字经济典型应用场景，以数字化改造和专业升级为关键，围绕数字金融、数字贸易、数字农业、数字能源等核心行业应用方向，进行“数字＋全行业”的专业建设 以商业数据分析为底层技术，以数字营销、数字运营、数字会计为核心基础专业，同时，基于数字经济典型应用场景，以数字化改造和专业升级为关键，围绕数字金融、数字贸易、数字农业、数字能源等核心行业应用方向，进行“数字＋全行业”的专业建设
</p> </p>
<div class="tab"> <el-tabs class="my-tabs">
<div class="tab-header"> <el-tab-pane>
<div class="tab-header__item"> <template #label>
<img src="https://webapp-pub.ezijing.com/www/pc/services/professional/icon_1.png" /> <img src="https://webapp-pub.ezijing.com/www/pc/services/professional/icon_1.png" class="icon" />
<p></p> <img
src="https://webapp-pub.ezijing.com/www/pc/services/professional/icon_1_hover.png"
class="active-icon"
/>
<p>核心类专业</p>
</template>
<div class="topic">
<img src="https://webapp-pub.ezijing.com/www/pc/services/professional/tab_1_bg.jpg" class="topic-bg" />
<div class="topic-cover">
<h4>核心类专业</h4>
<p>
在现在这个信息爆炸的时代，每分每秒都在产生大量的数据，数据分析师能够在海量的数据中使企业清晰的了解到目前的现状与竞争环境，并且充分利用数据带来的价值，为企业进行风险评判与决策支持。通过数据分析和展现，呈献给企业决策者的将是一份清晰、准确且有数据支撑的有价值的报告。商业数据分析已成为数字化企业提升竞争力必不可少的岗位。
</p>
</div>
</div> </div>
</div> <div class="tab-section">
<div class="tab-content"></div> <h3 class="tab-section-title"><span>商业数据分析</span></h3>
</div> <p class="tab-section-desc">
培养学生具备扎实的商业经济与运行管理知识的同时，基于大数据分析平台，通过数理统计等数学思维的培养，掌握数据收集、数据处理、数据分析、数据可视化、预测建模等数据分析核心知识和方法。
</p>
<div class="tab-section-img">
<img src="https://webapp-pub.ezijing.com/www/pc/services/professional/tab_1_1.png" />
</div>
</div>
</el-tab-pane>
<el-tab-pane>
<template #label>
<img src="https://webapp-pub.ezijing.com/www/pc/services/professional/icon_2.png" class="icon" />
<img
src="https://webapp-pub.ezijing.com/www/pc/services/professional/icon_2_hover.png"
class="active-icon"
/>
<p>基础类专业</p>
</template>
<div class="topic">
<img src="https://webapp-pub.ezijing.com/www/pc/services/professional/tab_2_bg.jpg" class="topic-bg" />
<div class="topic-cover">
<h4>基础类专业</h4>
<p>
数字化直接完成了业务的在线化，使许多工作都可以交由机器自动完成，从而在最大幅度上降低失误、提升效率。数字化推动了企业运营模式的颠覆式变革。基于网络，企业可以直接与客户建立连接，建立真正以客户为中心的运营模式。基于数字化的运营模式涉及营销、运营管理以及财务三个基础方向。
</p>
</div>
</div>
<el-tabs class="my-tabs2">
<el-tab-pane>
<template #label>
<img src="https://webapp-pub.ezijing.com/www/pc/services/professional/base/icon_1.png" class="icon" />
<img
src="https://webapp-pub.ezijing.com/www/pc/services/professional/base/icon_1_hover.png"
class="active-icon"
/>
<p>数字营销</p>
</template>
<div class="tab-section-img" style="margin:0;">
<img src="https://webapp-pub.ezijing.com/www/pc/services/professional/base/tab_1_1.png" />
</div>
</el-tab-pane>
<el-tab-pane>
<template #label>
<img src="https://webapp-pub.ezijing.com/www/pc/services/professional/base/icon_2.png" class="icon" />
<img
src="https://webapp-pub.ezijing.com/www/pc/services/professional/base/icon_2_hover.png"
class="active-icon"
/>
<p>数字运营</p>
</template>
<div class="tab-section-img">
<img src="https://webapp-pub.ezijing.com/www/pc/services/professional/base/tab_2_1.png" />
</div>
</el-tab-pane>
<el-tab-pane>
<template #label>
<img src="https://webapp-pub.ezijing.com/www/pc/services/professional/base/icon_3.png" class="icon" />
<img
src="https://webapp-pub.ezijing.com/www/pc/services/professional/base/icon_3_hover.png"
class="active-icon"
/>
<p>数字会计</p>
</template>
<div class="topic">
<img
src="https://webapp-pub.ezijing.com/www/pc/services/professional/base/tab_3_1.png"
class="topic-bg"
/>
<div class="topic-cover">
<p><strong>强基础+精营用+复合型</strong></p>
<p>
本专业方向面对财务共享服务中心、大数据服务机构、大中小企业、行政事业等单位的数据处理和数据分析岗位、财务机器人应用岗位、会计核算岗位、财务管理岗位、管理会计、产品数字化运营和数字化营销、税务风险控制及商业数据分析等相关岗位，培养理想信念坚定，德、智、体、美、劳等全面发展，具有一定的科学文化水平，良好的人文素养、职业道德和创新意识；熟悉典型的数据分析工具和技巧，具备一定的财务数据分析能力，会计软件操作和维护能力，精核算、通税法、擅理财、长分析的高素质技术层数字化会计人才。
</p>
<p><strong>适应“大智移云物区”时代的信息技术挑战</strong></p>
</div>
</div>
</el-tab-pane>
</el-tabs>
</el-tab-pane>
<el-tab-pane>
<template #label>
<img src="https://webapp-pub.ezijing.com/www/pc/services/professional/icon_3.png" class="icon" />
<img
src="https://webapp-pub.ezijing.com/www/pc/services/professional/icon_3_hover.png"
class="active-icon"
/>
<p>应用类专业</p>
</template>
<div class="tab-section row">
<div class="tab-section-pic">
<img src="https://webapp-pub.ezijing.com/www/pc/services/professional/tab_3_1.png" />
</div>
<div class="tab-section-content">
<p class="tab-section-desc">
数字化推动了企业商业模式的创新与重塑。越来越多传统产业从线下走向线上，数字化转型基于新一代数字科技，以连接为基础，以数据为关键要素，以价值释放为目标，以数据赋能为主线，为企业带来的是全方位的焕然一新。目前已有越来越多的数据化场景应用到各行各业。数字化场景的应用为企业注入新的活力。
</p>
</div>
</div>
<div class="tab-section row">
<div class="tab-section-content">
<h3 class="tab-section-title"><span>数字金融</span></h3>
<p class="tab-section-strong">复合+国际+创新</p>
<p class="tab-section-desc">
聚焦金融科技人才复合型、创新型与国际化，通过学科交叉设置，打造全新课程体系，学生通过学习金融数字化，掌握量化金融、金融风险管理、大数据、机器学习、深度学习等领域技术核心原理方法及应用，深刻理解金融科技应用场景，具备数字化和智能化项目解决架构和实施管理能力，培养企业数字化转型、金融科技应用的中坚力量和具备国际竞争的金融科技应用创新型人才。
</p>
<p class="tab-section-strong">加快数字金融人才培养，打造人才培养“新样板”</p>
</div>
<div class="tab-section-pic">
<img src="https://webapp-pub.ezijing.com/www/pc/services/professional/tab_3_2.png" />
</div>
</div>
<div class="tab-section row">
<div class="tab-section-pic">
<img src="https://webapp-pub.ezijing.com/www/pc/services/professional/tab_3_3.png" />
</div>
<div class="tab-section-content">
<h3 class="tab-section-title"><span>数字农业</span></h3>
<p class="tab-section-strong">数字经济赋能农业</p>
<p class="tab-section-desc">
培养掌握经济和管理领域的基本理论和知识，适应经济、社会发展和农林业数字化建设需要，掌握相关的农林业科学基础知识，了解学科前沿，具备生态可持续发展、农业物联网和人工智能数字化理念，掌握社会经济调查、企业经济管理、技术经济分析和经济核算等方法和技能，具有生态文明意识、“三农”情怀和创新创业精神的“知三农、擅营销、强经营、精管理”的高级应用型农林经济数字化管理人才。
</p>
<p class="tab-section-strong">
专业交叉融合，“农业物联网+农业大数据+农业信息化”思维塑造打造应用型农业数字化管理人才新范式
</p>
</div>
</div>
<div class="tab-section row">
<div class="tab-section-content">
<h3 class="tab-section-title"><span>数字贸易</span></h3>
<p class="tab-section-strong">发展型+复合型+创新型</p>
<p class="tab-section-desc">
本专业培养理想信念坚定，德、智、体、美、劳全面发展，具有良好的人文素养、职业道德和创新意识，精益求精的工匠精神，较强的就业能力和可持续发展的能力；掌握本专业基本知识和基本技能，面向批发业、零售业及互联网和相关服务等行业的销售人员、上午咨询服务人员、市场营销专业人员、国际商务专业人员等职业群，能够从事电商运营、产品销售、跨境电商运营、策划创意、外贸业务、商业分析、互联网产品设计等工作，适应产业转型升级和企业技术创新需要的发展型、复合型、创新型的高素质技术技能人才。
</p>
<p class="tab-section-strong">加快数字贸易人才培养，促进企业数字化营销转型</p>
</div>
<div class="tab-section-pic">
<img src="https://webapp-pub.ezijing.com/www/pc/services/professional/tab_3_4.png" />
</div>
</div>
<div class="tab-section row">
<div class="tab-section-pic">
<img src="https://webapp-pub.ezijing.com/www/pc/services/professional/tab_3_5.png" />
</div>
<div class="tab-section-content">
<h3 class="tab-section-title"><span>数字能源</span></h3>
<p class="tab-section-strong">发展型+复合型+创新型</p>
<p class="tab-section-desc">
本专业培养理想信念坚定，德、智、体、美、劳全面发展，具有一定的科学文化水平。良好的人文素养、职业道德和创新意识，精益求精的工匠精神，较强的就业能力和可持续发展的能力，掌握本专业知识和技术技能，面向新能源、机械设备、建筑建材、家具家电、采掘冶炼、环保、人力资源、咨询、骑车零配件等等行业，能够从事工程设计、管理、管网、运营等工作的高素质技术技能人才。
</p>
<p class="tab-section-strong">加快数字能源人才培养，刺进企业数字化转型</p>
</div>
</div>
<div class="tab-section row">
<div class="tab-section-content">
<h3 class="tab-section-title"><span>数字康养</span></h3>
<p class="tab-section-strong">发展型+复合型+创新型</p>
<p class="tab-section-desc">
本专业培养理想信念坚定，德、智、体、美、劳全面发展，具有一定的科学文化水平，良好的人文素养、职业道德和创新意识，精益求精的工匠精神，较强的就业能力和可持续发展的能力，以及适应当前数字经济的数据分析能力和数字运营能力，掌握本专业知识、技术技能，面向卫生和社会工作等行业的健康管理师、其他健康服务人员、社会工作者等职业群，能够从事身心康复保健服务、能力评估、机构技术主管等工作的高素质技术技能人才。
</p>
<p class="tab-section-strong">加快数字康养人才培养，促进企业数字化转型</p>
</div>
<div class="tab-section-pic">
<img src="https://webapp-pub.ezijing.com/www/pc/services/professional/tab_3_6.png" />
</div>
</div>
<div class="tab-section row">
<div class="tab-section-pic">
<img src="https://webapp-pub.ezijing.com/www/pc/services/professional/tab_3_7.png" />
</div>
<div class="tab-section-content">
<h3 class="tab-section-title"><span>数字供应链</span></h3>
<p class="tab-section-strong">发展型+复合型+创新型</p>
<p class="tab-section-desc">
本专业培养德智体美劳全面发展，掌握扎实的科学文化基础和市场调研与需求分析、采购与库存管理、生产计划与控制、物流与供应链运营等知识，具备市场预测、数据分析、计划编制、风险控制和应急管理等能力，具有工匠精神和信息素养，能够从事市场调研与客户管理、采购与供应商管理、供应链生产与控制、供应链物流管理、供应链计划与运营等工作的高素质技术技能人才。
</p>
<p class="tab-section-strong">加快数字供应链人才培养，促进企业数字化转型</p>
</div>
</div>
</el-tab-pane>
</el-tabs>
</div> </div>
</section> </section>
</div> </div>
...@@ -94,5 +285,201 @@ export default { ...@@ -94,5 +285,201 @@ export default {
} }
.section-3 { .section-3 {
padding: 90px 0; padding: 90px 0;
.my-tabs {
margin-top: 92px;
}
}
::v-deep .my-tabs {
.el-tabs__active-bar,
.el-tabs__nav-wrap::after {
display: none;
}
.el-tabs__nav {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.el-tabs__item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 220px;
height: 220px;
margin: 0 30px;
padding: 0;
.active-icon {
display: none;
}
&.is-active,
&:hover {
background-color: var(--main-color);
color: #fff;
.icon {
display: none;
}
.active-icon {
display: block;
}
}
img {
margin-bottom: 34px;
height: 60px;
}
p {
font-size: 22px;
font-family: Source Han Sans CN;
font-weight: 400;
line-height: 1;
}
}
}
::v-deep .my-tabs2 {
.el-tabs__active-bar,
.el-tabs__nav-wrap::after {
display: none;
}
.el-tabs__nav {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.el-tabs__item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 286px;
height: 84px;
margin: 0 10px;
padding: 0;
background-color: #fff;
color: #777;
border-radius: 6px;
.active-icon {
display: none;
}
&.is-active,
&:hover {
background-color: var(--main-color);
color: #fff;
.icon {
display: none;
}
.active-icon {
display: block;
}
}
img {
margin-bottom: 12px;
height: 24px;
}
p {
font-size: 16px;
font-family: Source Han Sans CN;
font-weight: 400;
line-height: 1;
}
}
.tab-section-img {
margin: 40px 0;
}
.topic {
margin: 40px 0;
}
.topic-cover {
padding: 0 100px;
align-items: flex-start;
background: rgba(249, 248, 248, 0.1);
p {
margin: 20px 0;
}
}
}
.topic {
position: relative;
margin: 90px 0;
}
.topic-bg {
width: 100%;
height: auto;
}
.topic-cover {
background-color: rgba(0, 0, 0, 0.6);
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
padding: 0 270px;
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
color: #fff;
h4 {
margin-bottom: 30px;
font-size: 22px;
font-family: Source Han Sans CN;
font-weight: 500;
line-height: 34px;
color: #ffffff;
}
p {
font-size: 16px;
font-family: Source Han Sans CN;
font-weight: 400;
line-height: 30px;
color: #ffffff;
}
}
.tab-section {
&.row {
display: flex;
align-items: center;
justify-content: center;
gap: 64px;
margin-top: 30px;
}
}
.tab-section-title {
position: relative;
margin-bottom: 40px;
font-size: 22px;
font-family: Source Han Sans CN;
font-weight: 500;
line-height: 42px;
color: #424242;
span {
padding-bottom: 8px;
border-bottom: 1px solid var(--main-color);
}
}
.tab-section-desc {
font-size: 16px;
font-family: Source Han Sans CN;
font-weight: 400;
line-height: 32px;
color: #666666;
}
.tab-section-strong {
margin: 28px 0 10px;
font-size: 18px;
font-family: Source Han Sans CN;
font-weight: 400;
line-height: 42px;
color: #424242;
}
.tab-section-img {
text-align: center;
img {
max-width: 100%;
}
} }
</style> </style>
pages/services/school.vue 0 → 100644
浏览文件 @ 6d808d08
<!-- 引产入校 -->
<template>
<div>
<div class="banner"><img src="https://webapp-pub.ezijing.com/www/pc/services/school/banner.jpg" /></div>
<section class="section">
<div class="section-inner">
<h2 class="section-title">引产入校</h2>
<p class="section-desc">
紫荆教育针对数字经济岗位要求，以培养学生综合职业能力为导向，结合学校数字经济专业实训条件，
提出“引产入校、以产促教”的工学结合一体化人才培养思路。引进企业产品设计研发任务，将一体化课程项目教学与实际产品设计研发相结合，安排学生参与产品设计研发、市场推广运营等环节，使学生掌握各种岗位的技能与能力，形成必备的职业核心技能和素养，从而实现入学即上岗的产教融合教学模式。目前紫荆教育提供与数字营销、数字分析、数字媒体、数字金融、数字运营等专业相关的超1000个岗位。
</p>
</div>
</section>
<section class="section">
<div class="section-inner">
<div class="section-pic">
<img src="https://webapp-pub.ezijing.com/www/pc/services/school/1.png" />
</div>
</div>
</section>
<section class="section">
<div class="section-inner">
<h2 class="section-title">引产入校综合育人机制</h2>
<div class="edu-list">
<div class="edu-item" v-for="item in list" :key="item.image_url">
<div class="edu-item__pic"><img :src="item.image_url" /></div>
<div class="edu-item__content">
<h2>{{ item.title }}</h2>
<ul>
<li v-for="(item, index) in item.items" :key="index">{{ item }}</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<section class="section">
<div class="section-inner">
<div class="section-pic">
<img src="https://webapp-pub.ezijing.com/www/pc/services/school/2.png" />
</div>
</div>
</section>
</div>
</template>
<script>
export default {
data() {
return {
list: [
{
image_url: 'https://webapp-pub.ezijing.com/www/pc/services/school/yrjz_1.png',
title: '数字金融',
items: ['远程视频服务岗（银行）', '金融科技运营推广岗', '数字金融分析', '……']
},
{
image_url: 'https://webapp-pub.ezijing.com/www/pc/services/school/yrjz_2.png',
title: '商业数据分析',
items: ['数据触达', '数据运营', '数据加工', '数据收集', '……']
},
{
image_url: 'https://webapp-pub.ezijing.com/www/pc/services/school/yrjz_3.png',
title: '智能管理与数字运营',
items: ['用户分析', '新媒体用户运营', '小程序用户运营', '社群运营', '门店APP运营', '门店数字化工具运营', '……']
},
{
image_url: 'https://webapp-pub.ezijing.com/www/pc/services/school/yrjz_4.png',
title: '品牌管理与数字化营销',
items: ['新媒体运营', '短视频制作', '客户数据分析', '直播带货', '数字营销策划', '……']
}
]
}
},
methods: {}
}
</script>
<style lang="scss" scoped>
.banner {
img {
width: 100%;
}
}
.section:nth-child(odd) {
background-color: #fff;
}
.section:nth-child(even) {
background-color: #f9f8f8;
}
.section-inner {
width: 1200px;
margin: 0 auto;
padding: 120px 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-desc {
font-size: 18px;
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%;
}
}
.edu-list {
margin-top: 100px;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
}
.edu-item {
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.edu-item__content {
padding: 20px;
h2 {
margin-bottom: 16px;
font-size: 20px;
font-family: Source Han Sans CN;
font-weight: 500;
line-height: 24px;
color: #333333;
}
li {
position: relative;
font-size: 16px;
font-family: Source Han Sans CN;
font-weight: 400;
line-height: 30px;
color: #666666;
padding-left: 20px;
&::before {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 5px;
height: 5px;
background-color: var(--main-color);
border-radius: 50%;
}
}
}
</style>
pages/services/teach.vue
浏览文件 @ 6d808d08
...@@ -79,7 +79,6 @@ ...@@ -79,7 +79,6 @@
<li>企业面试技巧指导、模拟面试</li> <li>企业面试技巧指导、模拟面试</li>
<li>就业双选会</li> <li>就业双选会</li>
<li>就业技能提升</li> <li>就业技能提升</li>
<li>就业技能提升</li>
</ol> </ol>
</div> </div>
<div class="section-pic"><img src="https://webapp-pub.ezijing.com/www/pc/services/teach/5.jpg" /></div> <div class="section-pic"><img src="https://webapp-pub.ezijing.com/www/pc/services/teach/5.jpg" /></div>
...@@ -98,7 +97,6 @@ ...@@ -98,7 +97,6 @@
<li>国际本科、硕士留学合作</li> <li>国际本科、硕士留学合作</li>
<li>国际博士留学合作</li> <li>国际博士留学合作</li>
<li>国际数字经济论坛</li> <li>国际数字经济论坛</li>
<li>国际数字经济论坛</li>
</ol> </ol>
</div> </div>
</div> </div>
...@@ -115,9 +113,6 @@ export default { ...@@ -115,9 +113,6 @@ export default {
} }
</script> </script>
<style lang="scss"> <style lang="scss">
:root {
--main-color: #aa1941;
}
.section-4 { .section-4 {
--main-color: #fff; --main-color: #fff;
} }
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论