Skip to content

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

Merge branch 'new' into dev

上级 1170670a 9a90689b
全部展开 显示空白字符变更
内嵌 并排
正在显示 包含 1039 行增加 和 58 行删除
components/Foot.vue
浏览文件 @ 8fb0c4b7
......@@ -3,7 +3,7 @@
<div class="foot-box">
<div class="foot-content">
<div class="left-content">
<div>
<div class="link">
<a href="http://jsj.moe.gov.cn" target="_blank">
{{ $t('foot.link1') }}
</a>
......@@ -14,12 +14,12 @@
<!-- <div>
合作大学官网
</div> -->
</div>
<div :class="$cookies.get('lang') == 'en-US' ? 'center-content f-size' : 'center-content'">
<div class="address" v-html="$t('foot.address')"></div>
<div class="phone" v-html="$t('foot.contact')"></div>
<div class="mail" v-html="$t('foot.email')"></div>
</div>
</div>
<div class="right-content">
<img src="https://webapp-pub.ezijing.com/project/marywood/ezijing-code.jpg" class="code" />
<div class="tips-txt">
......@@ -140,8 +140,8 @@ export default {
// height: 300px;
display: flex;
.left-content {
max-width: 228px;
div {
flex: 1;
.link {
opacity: 0.7;
font-size: 18px;
font-weight: 300;
......@@ -152,23 +152,19 @@ export default {
}
}
.center-content {
margin-top: 30px;
font-size: 18px;
line-height: 32px;
color: #ffffff;
letter-spacing: 4px;
opacity: 0.7;
margin-left: 38px;
.address {
max-width: 612px;
}
&.f-size {
font-size: 16px;
}
}
.right-content {
margin-left: auto;
padding-top: 20px;
margin-left: 30px;
.code {
width: 120px;
display: block;
......
components/Header.vue
浏览文件 @ 8fb0c4b7
差异被折叠。
components/Link.vue
浏览文件 @ 8fb0c4b7
......@@ -20,7 +20,7 @@ export default {
},
computed: {
href() {
return this.data.href || this.data.uri || (this.to.includes('http') ? this.to : '')
return this.data.href || this.data.uri || (typeof this.to === 'string' && this.to.includes('http') ? this.to : '')
},
path() {
if (typeof this.to === 'function') {
......
components/home/abroadStudy.vue
浏览文件 @ 8fb0c4b7
......@@ -47,10 +47,15 @@ export default {
href: 'https://depaul-plus.ezijing.com/'
},
{
img: 'https://webapp-pub.ezijing.com/www/pc/home/umiami.png',
desc: '迈阿密大学<br/>技术管理MSMT<br/>软件工程MSSE<br/>保研项目',
href: 'https://umiami-plus.ezijing.com/'
img: 'https://webapp-pub.ezijing.com/www/pc/home/xc-94.png',
desc: '雪城大学<br/>电气工程MSEE<br/>计算机科学MSCS<br/>计算机工程MSCE<br/>保研项目',
href: 'https://syracuse-plus.ezijing.com/'
}
// {
// img: 'https://webapp-pub.ezijing.com/www/pc/home/umiami.png',
// desc: '迈阿密大学<br/>技术管理MSMT<br/>软件工程MSSE<br/>保研项目',
// href: 'https://umiami-plus.ezijing.com/'
// }
]
},
{
......
pages/digital/ds.vue 0 → 100644
浏览文件 @ 8fb0c4b7
差异被折叠。
pages/digital/yx_1.vue
浏览文件 @ 8fb0c4b7
差异被折叠。
pages/digital/yx_1_1.vue
浏览文件 @ 8fb0c4b7
差异被折叠。
pages/digital/yx_1_2.vue
浏览文件 @ 8fb0c4b7
差异被折叠。
pages/digital/yx_1_3.vue
浏览文件 @ 8fb0c4b7
差异被折叠。
pages/digital/yx_1_4.vue
浏览文件 @ 8fb0c4b7
差异被折叠。
pages/digital/yx_2.vue
浏览文件 @ 8fb0c4b7
......@@ -2,11 +2,28 @@
<template>
<div>
<div class="banner">
<img src="https://webapp-pub.ezijing.com/www/pc/digital/banner.png" />
<img src="https://webapp-pub.ezijing.com/www/pc/digital/yx_2/banner.png" />
<div class="cover">
<div class="cover-inner">
<!-- <h3>数字经济产业学院 + ICT产业学院</h3> -->
<h2>数字经济新商科产业学院</h2>
<span></span>
<h6>专业共建 · 多维赋能 · 成果导向</h6>
<p>
以“专业与地区数字经济产业链精准对接”为核心思路，聚焦区域数字经济产业链为人才培养目标，围绕产业数字化和数字产业化，形成以数字化核心底层能力贯通所有专业，“数字+全行业”专业建设赋能专业数字化改造升级，人才培养与产业需求的高度融合
</p>
</div>
</div>
</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_2/1_1new2.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 +65,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'
]
}
}
......@@ -62,15 +79,80 @@ export default {
<style lang="scss" scoped>
.banner {
position: relative;
img {
width: 100%;
}
.cover {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.4039);
line-height: 1;
color: #ffffff;
h2 {
font-size: 42px;
font-family: Source Han Sans CN-Bold, Source Han Sans CN;
font-weight: bold;
line-height: 1;
}
h3 {
margin-bottom: 20px;
font-size: 24px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500;
line-height: 1;
letter-spacing: 4px;
}
span {
margin: 24px 0;
width: 42px;
height: 3px;
background: #ffffff;
}
h6 {
margin-bottom: 24px;
font-size: 20px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500;
line-height: 1;
letter-spacing: 2px;
}
p {
max-width: 644px;
font-size: 14px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
line-height: 26px;
}
a {
margin-top: 28px;
width: 112px;
height: 36px;
font-size: 16px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
color: #ffffff;
line-height: 36px;
background: #aa1941;
text-align: center;
}
}
.cover-inner {
height: 100%;
max-width: 1200px;
margin: 0 auto;
display: flex;
justify-content: center;
flex-direction: column;
}
}
.section:nth-child(even) {
background-color: #fff;
background-color: #f9f8f8;
}
.section:nth-child(odd) {
background-color: #f9f8f8;
background-color: #fff;
}
.section-inner {
width: 1200px;
......@@ -95,7 +177,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;
......@@ -150,7 +232,7 @@ export default {
}
li {
img {
margin: 0 20px;
margin: 0 18px;
}
display: flex;
align-items: center;
......@@ -222,12 +304,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
浏览文件 @ 8fb0c4b7
......@@ -2,21 +2,39 @@
<template>
<div>
<div class="banner">
<img src="https://webapp-pub.ezijing.com/www/pc/digital/banner.png" />
<img src="https://webapp-pub.ezijing.com/www/pc/digital/yx_3/banner.png" />
<div class="cover">
<div class="cover-inner">
<h2>专业数字化改造提升</h2>
<span></span>
<h6>新专业申请 · 旧专业升级 · 课程提供 · 师资提升</h6>
<p>
针对数字人才的底层通用基础能力：商业数据分析能力和数字营销能力，将其引入现有的专业体系中，对现有专业基础能力的培养进行数字化改造升级
</p>
</div>
<section class="section">
</div>
</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>
</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/2.png?v=1" />
</div>
</div>
</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" />
<img src="https://webapp-pub.ezijing.com/www/pc/digital/yx_3/3.png" />
</div>
</div>
</section>
......@@ -26,14 +44,35 @@
<p class="section-desc">
紫荆教育通过数字经济实验平台（商业数据分析实验平台和数字营销实验平台）负责实施商业数据分析和数字营销两门课，共计96课时。紫荆教育数字经济实验室作为紫荆教育工业级产品，在多个行业有真实应用，为数字人才培养提供立体化教学实施平台，打造数字化教学模式。师资全部来自业务骨干，行业专家和学校专业教师团队组成混编师资团队，针对课程形成理论基础+行业数字化应用两个层次多个维度的分工合作，优势互补，相互促进，形成师资立方体，实现嵌入式融合创新实践。
</p>
<ul class="course-list">
<li v-for="item in courseList" :key="item.title" :class="{ 'has-arrow': item.arrow }">
<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>
<p class="section-desc">
师资培养发扬自身特色和发挥资源优势，主要围绕数字素质技能与教学创新团队两个方面展开，着重加强数字化人才培养方面的培训，定期开展培训交流研讨，推动教师及专业数字化改造“双师”团队的建设。
<h2 class="section-title">教师数字素养与技能提升</h2>
<p class="section-desc" style="white-space: nowrap">
采用“引入国际顶尖师资、互派产业院校师资、系统化培训”
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 +85,36 @@
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: '（校企联合开发）',
arrow: true
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_3/course_3.png',
title: '数字农业',
desc: '（校企联合开发）',
arrow: true
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_3/course_4.png',
title: '数字康养',
desc: '（校企联合开发）',
arrow: true
}
],
// 交付案例
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'
]
}
}
......@@ -59,15 +123,68 @@ export default {
<style lang="scss" scoped>
.banner {
position: relative;
img {
width: 100%;
}
.cover {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.4039);
line-height: 1;
color: #ffffff;
h2 {
font-size: 42px;
font-family: Source Han Sans CN-Bold, Source Han Sans CN;
font-weight: bold;
line-height: 1;
}
h3 {
margin-bottom: 20px;
font-size: 24px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500;
line-height: 1;
letter-spacing: 4px;
}
span {
margin: 24px 0;
width: 42px;
height: 3px;
background: #ffffff;
}
h6 {
margin-bottom: 24px;
font-size: 20px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500;
line-height: 1;
letter-spacing: 2px;
}
p {
max-width: 644px;
font-size: 14px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
line-height: 26px;
}
}
.cover-inner {
height: 100%;
max-width: 1200px;
margin: 0 auto;
display: flex;
justify-content: center;
flex-direction: column;
}
}
.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 +209,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 +232,95 @@ export default {
}
}
}
.course-list {
margin: 80px 0 50px;
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;
}
&.has-arrow {
&::before {
position: absolute;
left: 50%;
bottom: -43px;
content: '';
background: url('https://webapp-pub.ezijing.com/www/pc/digital/yx_3/arrow.png');
width: 18px;
height: 33px;
transform: translateX(-50%);
}
}
}
}
.course-box {
padding: 30px 0;
border: 1px solid #dfdfdf;
h3 {
font-size: 24px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
color: #333;
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-color: var(--main-color);
border-radius: 30px;
font-size: 22px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
color: #fff;
line-height: 60px;
text-align: center;
}
}
</style>
pages/digital/yx_4.vue 0 → 100644
浏览文件 @ 8fb0c4b7
<!-- 引产入校 -->
<template>
<div style="background-color: #fff">
<div class="banner">
<img src="https://webapp-pub.ezijing.com/www/pc/digital/yx_4/banner.png" />
<div class="cover">专业共建 · 多维赋能 · 成果导向</div>
</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 {
position: relative;
img {
width: 100%;
}
.cover {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.4039);
line-height: 1;
color: #ffffff;
h2 {
font-size: 42px;
font-family: Source Han Sans CN-Bold, Source Han Sans CN;
font-weight: bold;
line-height: 1;
}
h3 {
margin-bottom: 20px;
font-size: 24px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500;
line-height: 1;
letter-spacing: 4px;
}
span {
margin: 24px 0;
width: 42px;
height: 3px;
background: #ffffff;
}
h6 {
margin-bottom: 24px;
font-size: 20px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500;
line-height: 1;
letter-spacing: 2px;
}
p {
max-width: 644px;
font-size: 14px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
line-height: 26px;
}
a {
margin-top: 28px;
width: 112px;
height: 36px;
font-size: 16px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
color: #ffffff;
line-height: 36px;
background: #aa1941;
text-align: center;
}
}
.cover-inner {
height: 100%;
max-width: 1200px;
margin: 0 auto;
display: flex;
justify-content: center;
flex-direction: column;
}
}
.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 {
padding: 64px 0;
}
.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: 100px 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/yx_5.vue 0 → 100644
浏览文件 @ 8fb0c4b7
<!-- 引产入校 -->
<template>
<div>
<div class="banner">
<img src="https://webapp-pub.ezijing.com/www/pc/digital/yx_2/banner.png" />
<div class="cover">
<div class="cover-inner">
<!-- <h3>数字经济产业学院 + ICT产业学院</h3> -->
<h2>未来技术产业学院</h2>
<span></span>
<h6>专业共建 · 多维赋能 · 成果导向</h6>
<p>
面向区域新一代信息技术和未来技术产业链、技术链、人才链需求，依托高校专业特色与优势，联合行业生态伙伴，整合优势资源，创新产教融合机制，共建ICT生态体系人才数字化产教融合平台，全面提升人才培养质量，服务区域数字经济发展
</p>
</div>
</div>
</div>
<section class="section">
<div class="section-inner">
<h2 class="section-title">产业学院专业方向</h2>
<div class="section-pic">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/digital/yx_2/y5_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">
<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/jsnr.png" />
</div>
<h2 class="section-title" style="margin-top: 100px">产业学院运营保障</h2>
<div class="section-pic">
<img src="https://webapp-pub.ezijing.com/www/pc/digital/yx_2/bz.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_2/cg.png" />
</div>
</div>
</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>
</template>
<script>
export default {
data() {
return {
// 交付案例
jfalList: [
'https://webapp-pub.ezijing.com/www/pc/digital/yx_2/al_5.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'
]
}
}
}
</script>
<style lang="scss" scoped>
.banner {
position: relative;
img {
width: 100%;
}
.cover {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.4039);
line-height: 1;
color: #ffffff;
h2 {
font-size: 42px;
font-family: Source Han Sans CN-Bold, Source Han Sans CN;
font-weight: bold;
line-height: 1;
}
h3 {
margin-bottom: 20px;
font-size: 24px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500;
line-height: 1;
letter-spacing: 4px;
}
span {
margin: 24px 0;
width: 42px;
height: 3px;
background: #ffffff;
}
h6 {
margin-bottom: 24px;
font-size: 20px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500;
line-height: 1;
letter-spacing: 2px;
}
p {
max-width: 644px;
font-size: 14px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
line-height: 26px;
}
a {
margin-top: 28px;
width: 112px;
height: 36px;
font-size: 16px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
color: #ffffff;
line-height: 36px;
background: #aa1941;
text-align: center;
}
}
.cover-inner {
height: 100%;
max-width: 1200px;
margin: 0 auto;
display: flex;
justify-content: center;
flex-direction: column;
}
}
.section:nth-child(even) {
background-color: #f9f8f8;
}
.section:nth-child(odd) {
background-color: #fff;
}
.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-subtitle {
display: inline-block;
margin: 36px 0;
font-size: 20px;
line-height: 32px;
color: #424242;
border-bottom: 1px solid var(--main-color);
}
.section-desc {
font-size: 16px;
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%;
}
}
.mk-list {
display: flex;
gap: 60px;
.mk-item {
flex: 1;
}
.box {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 260px;
background-color: var(--main-color);
p {
margin-top: 48px;
font-size: 18px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500;
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 {
height: 440px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
li {
img {
margin: 0 18px;
}
display: flex;
align-items: center;
height: 60px;
background: #f2f2f2;
font-size: 15px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500;
color: #424242;
}
}
.bz-list {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 38px;
li {
position: relative;
transition: all 0.3s;
&:hover {
transform: scale(1.06);
}
}
p {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
font-size: 24px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
background: rgba(51, 51, 51, 0.6);
}
}
.zz-list {
display: flex;
gap: 25px;
li {
flex: 1;
font-size: 22px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500;
color: #333333;
line-height: 80px;
text-align: center;
border: 1px solid var(--main-color);
border-left-width: 10px;
}
}
.al-list {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
li {
transition: all 0.3s;
&:hover {
transform: scale(1.06);
}
}
}
.zy {
display: flex;
margin-bottom: 100px;
.table {
flex: 1;
}
.num {
margin-left: 35px;
}
}
.num {
display: flex;
flex-direction: column;
justify-content: space-between;
li {
span {
font-size: 30px;
font-weight: bold;
font-family: SourceHanSansCN-Bold;
color: var(--main-color);
}
em {
font-size: 18px;
font-family: Source Han Sans CN;
}
}
}
.table {
thead {
th {
padding: 20px;
font-size: 18px;
font-family: Source Han Sans CN;
font-weight: bold;
line-height: 22px;
color: #fff;
background-color: #aa1941;
border: 1px solid #aa1941;
}
th:nth-child(2) {
background: #931638;
}
}
tbody {
td {
font-size: 16px;
font-family: Source Han Sans CN;
font-weight: 400;
line-height: 1;
color: #262626;
padding: 14px;
border: 1px solid #8b8b8b;
}
td:nth-child(1) {
padding-left: 40px;
}
td:nth-child(2) {
text-align: center;
}
}
}
</style>
pages/digital/zf_1.vue
浏览文件 @ 8fb0c4b7
......@@ -2,24 +2,35 @@
<template>
<div>
<div class="banner">
<img src="https://webapp-pub.ezijing.com/www/pc/digital/banner.png" />
<img src="https://webapp-pub.ezijing.com/www/pc/digital/zf_1/banner.png" />
<div class="cover">
<div class="cover-inner">
<h2>数字技能公共实训基地</h2>
<span></span>
<h6>1个数字展区 · 3个技能实训区 · 8个实训中心 · 5个运营中心</h6>
<p>
围绕区域经济发展目标，“政产学研用金”六位一体协同引领，以创新职业教育模式为特色，汇聚和引领优质教育和产业资源，多方共同打造“数字技能公共实训基地”，培养和集聚一批符合当地数字产业发展需要的创新型高技能人才，为区域产业发展提供人才支撑。
</p>
</div>
</div>
</div>
<section class="section">
<div class="section-inner">
<!-- <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> -->
<div class="section-pic"><img src="https://webapp-pub.ezijing.com/www/pc/digital/zf_1/1.png" class="img1" /></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>
<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>
......@@ -38,9 +49,74 @@ export default {
<style lang="scss" scoped>
.banner {
position: relative;
img {
width: 100%;
}
.cover {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.4039);
line-height: 1;
color: #ffffff;
h2 {
font-size: 42px;
font-family: Source Han Sans CN-Bold, Source Han Sans CN;
font-weight: bold;
line-height: 1;
}
h3 {
margin-bottom: 20px;
font-size: 24px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500;
line-height: 1;
letter-spacing: 4px;
}
span {
margin: 24px 0;
width: 42px;
height: 3px;
background: #ffffff;
}
h6 {
margin-bottom: 24px;
font-size: 20px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500;
line-height: 1;
letter-spacing: 2px;
}
p {
max-width: 644px;
font-size: 14px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
line-height: 26px;
}
a {
margin-top: 28px;
width: 112px;
height: 36px;
font-size: 16px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
color: #ffffff;
line-height: 36px;
background: #aa1941;
text-align: center;
}
}
.cover-inner {
height: 100%;
max-width: 1200px;
margin: 0 auto;
display: flex;
justify-content: center;
flex-direction: column;
}
}
.section:nth-child(even) {
background-color: #fff;
......@@ -71,12 +147,11 @@ 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;
color: #666666;
text-align: center;
}
.section-pic {
text-align: center;
......@@ -95,4 +170,9 @@ export default {
}
}
}
.img1 {
min-width: 1200px;
height: 759px;
object-fit: cover;
}
</style>
pages/studyAbroad/index.vue
浏览文件 @ 8fb0c4b7
......@@ -35,12 +35,7 @@
</app-card> -->
<app-card :title="isEn ? 'Application' : '申请流程'" style="margin-top: 68px">
<div class="process">
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/studyAbroad/process_en.png'
: 'https://webapp-pub.ezijing.com/www/pc/studyAbroad/process.png'
" />
<img :src="isEn ? 'https://webapp-pub.ezijing.com/www/pc/studyAbroad/process_en.png' : 'https://webapp-pub.ezijing.com/www/pc/studyAbroad/process.png'" />
</div>
</app-card>
<app-card :title="isEn ? 'Application Guide' : '报考指南'" style="margin-top: 74px">
......@@ -208,7 +203,7 @@ export default {
qaList,
// 最新动态请求参数
newsParams: {
project_ids: ['25634964940156928', '25634688011239424', '6886139536666001408', '62110451281973248'],
project_ids: ['25634964940156928', '25634688011239424', '6886139536666001408', '62110451281973248', '78616692432879616', '147349767330201600'],
type_tag: 'article_news_hot',
page: 1,
limit: 4
......
pages/studyAbroad/news/index.vue
浏览文件 @ 8fb0c4b7
......@@ -26,7 +26,7 @@ export default {
remote: {
httpRequest: getArticleList,
params: {
project_ids: ['25634964940156928', '25634688011239424', '6886139536666001408', '62110451281973248'],
project_ids: ['25634964940156928', '25634688011239424', '6886139536666001408', '62110451281973248', '78616692432879616', '147349767330201600'],
type_tag: 'article_news_hot'
}
},
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论