Skip to content

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

chore: 新增技能大赛

上级 5c931375
显示空白字符变更
内嵌 并排
正在显示 包含 210 行增加 和 22 行删除
components/Head.vue
浏览文件 @ 7bc613d7
...@@ -121,11 +121,7 @@ export default { ...@@ -121,11 +121,7 @@ export default {
isShow: false, isShow: false,
children: [ children: [
{ {
name: 'IDE数字经济产业学院', name: '数字经济产业学院',
path: '/digital/yx_2'
},
{
name: 'ICT数字经济产业学院',
path: '/digital/yx_2' path: '/digital/yx_2'
}, },
{ {
...@@ -135,6 +131,10 @@ export default { ...@@ -135,6 +131,10 @@ export default {
{ {
name: '数字技能实训中心', name: '数字技能实训中心',
path: '/digital/yx_1' path: '/digital/yx_1'
},
{
name: '技能大赛',
path: '/digital/yx_4'
} }
] ]
}, },
......
components/home/digital.vue
浏览文件 @ 7bc613d7
...@@ -37,13 +37,7 @@ export default { ...@@ -37,13 +37,7 @@ export default {
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/icon/yx_1.png', icon: 'https://webapp-pub.ezijing.com/www/pc/digital/icon/yx_1.png',
hoverIcon: 'https://webapp-pub.ezijing.com/www/pc/digital/icon/yx_1_hover.png', hoverIcon: 'https://webapp-pub.ezijing.com/www/pc/digital/icon/yx_1_hover.png',
title: 'IDE数字经济产业学院', title: '数字经济产业学院',
path: 'digital/yx_2'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/icon/yx_2.png',
hoverIcon: 'https://webapp-pub.ezijing.com/www/pc/digital/icon/yx_2_hover.png',
title: 'ICT数字经济产业学院',
path: 'digital/yx_2' path: 'digital/yx_2'
}, },
{ {
...@@ -57,6 +51,12 @@ export default { ...@@ -57,6 +51,12 @@ export default {
hoverIcon: 'https://webapp-pub.ezijing.com/www/pc/digital/icon/yx_4_hover.png', hoverIcon: 'https://webapp-pub.ezijing.com/www/pc/digital/icon/yx_4_hover.png',
title: '数字技能实训中心', title: '数字技能实训中心',
path: 'digital/yx_1' path: 'digital/yx_1'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/icon/yx_2.png',
hoverIcon: 'https://webapp-pub.ezijing.com/www/pc/digital/icon/yx_2_hover.png',
title: '技能大赛',
path: 'digital/yx_4'
} }
] ]
}, },
......
pages/digital/yx_3.vue
浏览文件 @ 7bc613d7
...@@ -4,17 +4,17 @@ ...@@ -4,17 +4,17 @@
<div class="banner"> <div class="banner">
<img src="https://webapp-pub.ezijing.com/www/pc/digital/yx_3/banner.png" /> <img src="https://webapp-pub.ezijing.com/www/pc/digital/yx_3/banner.png" />
</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>
</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>
<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>
...@@ -22,7 +22,7 @@ ...@@ -22,7 +22,7 @@
</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/3.png" /> <img src="https://webapp-pub.ezijing.com/www/pc/digital/yx_3/3.png" />
</div> </div>
...@@ -55,7 +55,7 @@ ...@@ -55,7 +55,7 @@
</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 个水平的有效提升 采用“引入国际顶尖师资、互派产业院校师资、系统化培训” 3 重手段、16 个子项目实现“教师的国际化水平、产业实战水平和岗课赛证融通水平” 3 个水平的有效提升
</p> </p>
...@@ -230,12 +230,12 @@ export default { ...@@ -230,12 +230,12 @@ export default {
} }
.course-box { .course-box {
padding: 30px 0; padding: 30px 0;
background-color: var(--main-color); border: 1px solid #dfdfdf;
h3 { h3 {
font-size: 24px; font-size: 24px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN; font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400; font-weight: 400;
color: #ffffff; color: #333;
line-height: 34px; line-height: 34px;
text-align: center; text-align: center;
} }
...@@ -249,12 +249,12 @@ export default { ...@@ -249,12 +249,12 @@ export default {
li { li {
width: 460px; width: 460px;
height: 60px; height: 60px;
background: #ffffff; background-color: var(--main-color);
border-radius: 30px; border-radius: 30px;
font-size: 22px; font-size: 22px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN; font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400; font-weight: 400;
color: #333333; color: #fff;
line-height: 60px; line-height: 60px;
text-align: center; text-align: center;
} }
......
pages/digital/yx_4.vue 0 → 100644
浏览文件 @ 7bc613d7
<!-- 引产入校 -->
<template>
<div style="background-color: #fff">
<div class="banner">
<img src="https://webapp-pub.ezijing.com/www/pc/digital/yx_3/banner.png" />
</div>
<div class="main">
<ul class="tab">
<li :class="{ 'is-active': tabActive === item.prop }" v-for="item in tabs" @click="handleTabClick(item)">{{ item.name }}</li>
</ul>
<div class="list" v-if="!showArticle">
<div class="list-item" v-for="item in list" :key="item.id" @click="handleClick(item)">
<img :src="item.web_img_uri" class="list-item-pic" loading="lazy" />
<div class="list-item-content">
<div class="list-item-content__date">{{ formatDate(item.start_time) }}</div>
<div class="list-item-content__title">{{ item.title }}{{ item.remarks }}</div>
<div class="list-item-content__text">{{ item.abstract }}</div>
</div>
</div>
</div>
<article class="article" v-else>
<h1>{{ data.title }}</h1>
<h1>{{ data.remarks }}</h1>
<div class="article-text" v-html="data.content"></div>
</article>
</div>
</div>
</template>
<script>
import { getArticleList } from '@/api'
export default {
data() {
return {
tabs: [
{ name: '赛事动态', prop: 'event_dynamics' },
{ name: '往届回顾', prop: 'past_review' }
],
tabActive: 'event_dynamics',
list: [],
showArticle: false,
data: {}
}
},
watch: {
tabActive: {
immediate: true,
handler() {
this.fetchList()
}
}
},
methods: {
formatDate(value) {
const date = new Date(value * 1000)
return date.getFullYear() + '/' + (date.getMonth() + 1) + '/' + date.getDate()
},
fetchList() {
getArticleList({ project_id: process.env.projectId, type_tag: this.tabActive }).then(res => {
this.list = res.data.data
})
},
handleTabClick(data) {
this.tabActive = data.prop
this.showArticle = false
},
handleClick(data) {
if (data.uri) {
window.open(data.uri)
} else {
this.data = data
this.showArticle = true
}
}
}
}
</script>
<style lang="scss" scoped>
.banner {
img {
width: 100%;
}
}
.main {
max-width: 1200px;
margin: 0 auto;
}
.tab {
position: relative;
margin-top: -50px;
display: flex;
column-gap: 40px;
li {
flex: 1;
height: 50px;
line-height: 50px;
text-align: center;
background-color: #fff;
font-size: 16px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
color: #333333;
cursor: pointer;
&.is-active {
color: #fff;
background-color: var(--main-color);
}
}
}
.list-item {
display: flex;
padding: 36px 0;
cursor: pointer;
& + .list-item {
border-bottom: 1px solid #e6e6e6;
}
}
.list-item-pic {
width: 218px;
height: 120px;
// height: fit-content;
// height: 210px;
// object-fit: cover;
}
.list-item-content {
flex: 1;
overflow: hidden;
margin-left: 30px;
}
.list-item-content__date {
font-size: 16px;
font-weight: 300;
line-height: 100%;
color: #c6c6c6;
// padding-top: 13px;
}
.list-item-content__title {
font-size: 22px;
font-weight: bold;
line-height: 32px;
color: #141414;
margin-top: 10px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.list-item-content__text {
font-size: 14px;
font-weight: 300;
line-height: 24px;
color: #666666;
margin-top: 15px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
.article {
padding: 40px 0;
h1 {
font-size: 30px;
font-family: Source Han Sans CN-Bold, Source Han Sans CN;
font-weight: bold;
color: #333333;
line-height: 46px;
text-align: center;
}
}
.article-text {
margin-top: 30px;
font-size: 16px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
color: #333333;
line-height: 32px;
}
</style>
pages/digital/zf_1.vue
浏览文件 @ 7bc613d7
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
围绕区域经济发展目标，“政产学研用金”六位一体协同引领，以创新职业教育模式为特色，汇聚和引领优质教育和产业资源，多方共同打造“数字技能公共实训基地”，培养和集聚一批符合当地数字产业发展需要的创新型高技能人才，为区域产业发展提供人才支撑。 围绕区域经济发展目标，“政产学研用金”六位一体协同引领，以创新职业教育模式为特色，汇聚和引领优质教育和产业资源，多方共同打造“数字技能公共实训基地”，培养和集聚一批符合当地数字产业发展需要的创新型高技能人才，为区域产业发展提供人才支撑。
</p> </p>
</div> </div>
<div class="section-pic"><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" class="img1" /></div>
</section> </section>
<section class="section"> <section class="section">
<div class="section-inner"> <div class="section-inner">
...@@ -96,4 +96,9 @@ export default { ...@@ -96,4 +96,9 @@ export default {
} }
} }
} }
.img1 {
min-width: 1200px;
height: 759px;
object-fit: cover;
}
</style> </style>
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论