Skip to content

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

chore: update

上级 4580fced
全部展开 显示空白字符变更
内嵌 并排
正在显示 包含 328 行增加 和 37 行删除
components/Head.vue
浏览文件 @ 1ed0fb9c
差异被折叠。
components/home/digital.vue 0 → 100644
浏览文件 @ 1ed0fb9c
<template>
<AppCard titleAlign="center">
<template #title>
<nuxt-link to="/digital">产教融合</nuxt-link>
</template>
<div class="row">
<div class="col" v-for="item in list" :key="item.title">
<h2>{{ item.title }}</h2>
<ul>
<li class="item" v-for="item in item.children" :key="item.title" :style="item.style">
<AppLink :to="item.path">
<img :src="item.icon" />
{{ item.title }}
</AppLink>
</li>
</ul>
</div>
</div>
</AppCard>
</template>
<script>
import AppLink from '@/components/Link'
export default {
components: { AppLink },
data() {
return {
list: [
{
title: '院校',
children: [
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1.png',
title: '数字技能实训中心',
path: 'digital/yx_1'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_2.png',
title: '国际数字人才现代产业学院',
path: 'digital/yx_2'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_3.png',
title: '专业数字化改造和提升',
path: 'digital/yx_3'
}
]
},
{
title: '政府',
children: [
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/zf_1.png',
title: '数字技能公共实训基地',
path: 'digital/zf_1',
style: { minHeight: '120px' }
}
]
},
{
title: '企业',
children: [
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/qy_1.png',
title: '全球数字领导力学者DBA',
path: 'digital/qy_1'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/qy_2.png',
title: '数字时代领航人才EMBA',
path: 'digital/qy_2'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/qy_3.png',
title: '企业人才定制化服务',
path: 'digital/qy_3'
}
]
}
]
}
}
}
</script>
<style lang="scss" scoped>
.row {
display: flex;
column-gap: 60px;
}
.col {
flex: 1;
display: flex;
flex-direction: column;
height: 440px;
background-color: #fff;
h2 {
padding: 48px 0 40px;
font-size: 24px;
line-height: 1;
font-weight: 500;
color: #333333;
text-align: center;
}
ul {
margin-bottom: 40px;
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
}
li {
display: flex;
align-items: center;
margin: 0 30px;
padding: 15px 0 15px 20px;
border: 1px solid #d5d5d5;
min-height: 80px;
font-size: 18px;
color: #666;
&:hover {
color: #fff;
background-color: var(--main-color);
border-color: var(--main-color);
}
}
li + li {
margin-top: 20px;
}
}
</style>
pages/digital/yx_1.vue 0 → 100644
浏览文件 @ 1ed0fb9c
<!-- 引产入校 -->
<template>
<div>
<div class="banner">
<img src="https://webapp-pub.ezijing.com/www/pc/digital/qy_1_banner.png" />
</div>
<section class="section">
<div class="section-inner">
<h2 class="section-title">数字技能实训中心</h2>
<p class="section-desc">
围绕区域经济特色产业链，构建符合数字经济人才培养定位的数字技能实训中心，重构基于数字经济底层核心能力实训体系，夯实学校信息化、数字化建设下专业岗位基础通用能力，强化基于岗位能力证书的岗位技能实训，提升学生及区域数字人才培养可持续发展能力，旨在打造集院校数字人才培养、全民数字技能提升、企业数字化赋能和产业数字化服务为一体的综合人才服务体系和人才基地。
</p>
<h2 class="section-title" style="margin-top: 100px">新商科</h2>
<p class="section-desc">
深入调研数字经济产业人才需求，契合地方经济产业数字化转型需要，深入推进学校专业数字化改造，以商业数分析、数字营销为核心技能贯穿商科底层逻辑，聚焦专业数字化改造与升级，切实培养地方经济真正需要的数字经济人才。
</p>
<div class="gk-list">
<div class="gk-item is-border" v-for="item in gkList" :key="item.title">
<div class="gk-item__pic"><img :src="item.icon" /></div>
<div class="gk-item__content">
<h2>{{ item.title }}</h2>
<p>{{ item.desc }}</p>
<a :href="item.more" v-if="item.more">查看更多</a>
</div>
</div>
</div>
</div>
</section>
<section class="section">
<div class="section-inner">
<h2 class="section-title">新工科</h2>
<p class="section-desc">基于国家信创发展大趋势，建设完全国产自主知识产权的先进信创人才实训区，从“特色软件人才培养”和“国产化信息系统运维”两个路径为国产化替换填补人才。</p>
<div class="gk-list">
<div class="gk-item" v-for="item in gkList" :key="item.title">
<div class="gk-item__pic"><img :src="item.icon" /></div>
<div class="gk-item__content">
<h2>{{ item.title }}</h2>
<p>{{ item.desc }}</p>
<a :href="item.more" v-if="item.more">查看更多</a>
</div>
</div>
</div>
</div>
</section>
<section class="section">
<div class="section-inner">
<h2 class="section-title">产品优势</h2>
</div>
</section>
</div>
</template>
<script>
export default {
data() {
return {
skList: [
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/xsk_1.png',
title: '商业数据分析实践教学平台',
desc: '培养数字经济底层数据思维能力的工业级实践教学平台',
more: ''
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/xsk_2.png',
title: '数字营销实践教学平台',
desc: '培养企业数字化转型核心技能的工业级实践教学平台',
more: ''
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/xsk_3.png',
title: '商业数据分析与应用大赛平台',
desc: '配套“商业数据分析与应用大赛”的训练平台'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/xsk_4.png',
title: '金融产品数字化营销实训平台',
desc: '配套“金融产品数字化营销1+X证书”的训练平台'
}
],
gkList: [
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/xgk_1.png',
title: '大数据实践教学平台',
desc: '综合培养大数据基础知识及专业知识的一站式实践教学平台',
more: ''
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/xgk_2.png',
title: '人工智能实践教学平台',
desc: '重在人工智能基础知识及应用的一站式实践教学平台',
more: ''
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/xgk_3.png',
title: '信息安全实践教学平台',
desc: '一站式信创信息安全实践教学平台'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/xgk_4.png',
title: '物联网实践教学平台',
desc: '全面涵盖5G及边缘计算的新一代物联网实践教学平台'
}
]
}
},
methods: {}
}
</script>
<style lang="scss" scoped>
.banner {
img {
width: 100%;
}
}
.section:nth-child(even) {
background-color: #fff;
}
.section:nth-child(odd) {
background-color: #f9f8f8;
}
.section-inner {
width: 1200px;
margin: 0 auto;
padding: 100px 0;
}
.section-title {
margin-bottom: 36px;
font-size: 30px;
font-family: Source Han Sans CN;
font-weight: bold;
line-height: 32px;
color: #333333;
text-align: center;
}
.section-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%;
}
}
.is-border {
border: 1px solid #d5d5d5;
}
.gk-list {
margin-top: 100px;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
}
.gk-item {
min-height: 280px;
text-align: center;
background: #fff;
transition: all 0.3s;
&:hover {
transform: scale(1.1);
}
}
.gk-item__pic {
padding: 46px 0 36px;
}
.gk-item__content {
padding: 0 12px;
h2 {
font-size: 18px;
font-family: Source Han Sans CN;
font-weight: 500;
line-height: 24px;
color: #333;
}
p {
margin: 12px 0;
font-size: 16px;
color: #666;
}
a {
color: var(--main-color);
}
}
</style>
pages/index.vue
浏览文件 @ 1ed0fb9c
......@@ -2,64 +2,34 @@
<div class="home">
<!-- 轮播图 -->
<banner />
<HomeMenu />
<!-- 产业学院 -->
<industrial-college />
<!-- <project-service /> -->
<!-- 产教融合 -->
<digital />
<international-degree />
<abroad-study />
<!-- 学位教育 -->
<!-- <degree-education /> -->
<!-- 在线教育 -->
<!-- <online-edu /> -->
<!-- 教育服务 -->
<!-- <education-services /> -->
<!-- 项目公告 -->
<div style="background-color: #fff;overflow: hidden;">
<div style="background-color: #fff; overflow: hidden">
<!-- 通知公告 -->
<project-notice />
<!-- 教育服务案例 -->
<!-- <service-case /> -->
<!-- 校长寄语 -->
<!-- <headmaster-msg /> -->
<!-- 校友故事 -->
<alumni-stories />
</div>
<!-- 公开课 -->
<!-- <open-class /> -->
</div>
</template>
<script>
import banner from '../components/home/banner'
import projectService from '../components/home/projectService.vue'
import HomeMenu from '@/components/home/homeMenu'
import degreeEducation from '../components/home/degreeEducation'
import educationServices from '../components/home/educationServices'
import projectNotice from '../components/home/projectNotice'
import headmasterMsg from '../components/home/headmasterMsg'
import alumniStories from '../components/home/alumniStories'
import openClass from '../components/home/openClass'
import serviceCase from '../components/home/serviceCase'
import industrialCollege from '../components/home/industrialCollege'
import onlineEdu from '../components/home/onlineEdu'
import internationalDegree from '../components/home/internationalDegree.vue'
import abroadStudy from '../components/home/abroadStudy.vue'
import digital from '../components/home/digital.vue'
export default {
components: {
banner,
projectService,
HomeMenu,
degreeEducation,
educationServices,
projectNotice,
headmasterMsg,
alumniStories,
openClass,
serviceCase,
industrialCollege,
onlineEdu,
internationalDegree,
abroadStudy
abroadStudy,
digital
}
}
</script>
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论