提交 5ae4078a authored 作者: matian's avatar matian

updates

上级 7106b994
......@@ -50,8 +50,8 @@ export default {
}
}
.article-item-pic {
width: 320px;
height: 100%;
width: 300px;
height: 200px;
// height: fit-content;
// height: 210px;
// object-fit: cover;
......
......@@ -116,11 +116,7 @@ export default {
isShow: false,
path: '/about/news'
},
{
name: this.$t('menu.aboutChild.msg'),
isShow: false,
path: '/about/message'
},
{
name: this.$t('menu.aboutChild.openLesson'),
isShow: false,
......@@ -134,109 +130,74 @@ export default {
]
},
{
name: '政府教育合作',
path: '/goverment/Index',
childern: [
{
name: '数字人才产教融合实践基地',
isShow: false,
name: '实践基地',
path: '/practice/Index',
childern: [
{
name: '数字经济产业学院',
pathType: 3
// path: 'https://kelley.ezijing.com',
// pathType: 1
path: '/practice/Index'
},
{
name: '数字经济实验室',
pathType: 3
// path: 'https://cu.ezijing.com',
// pathType: 1
path: '/practice/laboratory'
},
{
name: '数字经济职业技能中心',
pathType: 3
// path: 'https://ciis.ezijing.com',
// pathType: 1
},
{
name: '数字经济产业&人才服务平台',
pathType: 3
// path: ' https://cuw.ezijing.com/index',
// pathType: 1
}
]
},
{
name: '数字化管理高级培训',
pathType: 3,
isShow: false
},
{
name: '紫荆E-SAAS平台',
isShow: false,
path: 'https://e-saas.ezijing.com/',
pathType: 1
name: '数字化转型高级研修项目',
pathType: 3
},
{
name: '成功案例',
isShow: false,
path: '/services/college/case'
name: '服务案例',
path: '/services/college/case',
}
]
},
{
name: '院校专业建设',
name: '产业学院',
path: '/services/college',
childern: [
{
name: '数字经济产业学院',
path: '/services/college',
isShow: false,
childern: [
name: '紫荆E-SAAS平台',
path: 'https://e-saas.ezijing.com/',
pathType: 1
},
{
name: '专业共建数字化改造',
// path: 'https://kelley.ezijing.com',
pathType: 3
},
{
name: '数字经济实验室',
pathType: 3
// pathType: 1
path: '/practice/laboratory'
},
{
name: '教学研发',
// path: 'https://kelley.ezijing.com',
pathType: 3
},
{
name: '引产入校',
// path: 'https://kelley.ezijing.com',
pathType: 3
},
{
name: '实习就业',
path: '/services/employment',
pathType: 1
}
]
path: '/services/employment'
},
{
name: '成功案例',
isShow: false,
path: '/services/college/case'
name: '落地案例',
path: '/services/college/case',
}
]
},
{
name: this.$t('menu.degree'),
name: '国际学位',
path: '/internationalDegree',
childern: [
{
......@@ -313,7 +274,7 @@ export default {
path: '/studyAbroad',
childern: [
{
name: '硕士直通车',
name: '硕士',
isShow: false,
childern: [
{
......@@ -347,20 +308,20 @@ export default {
]
},
{
name: '企业人才合作',
path: '/services/job',
childern: [
{
name: '数字化转型高级研修项目',
// path: 'https://x.ezijing.com',
pathType: 3
},
{
name: '成功案例',
path: '/services/college/case',
pathType: 1
}
]
name: '校友故事',
path: '/alumnus/story'
// childern: [
// {
// name: '数字化转型高级研修项目',
// // path: 'https://x.ezijing.com',
// pathType: 3
// },
// {
// name: '成功案例',
// path: '/services/college/case',
// pathType: 1
// }
// ]
}
],
time: null,
......
<template>
<div class="main_content">
<h5 class="gov_tit">留学深造</h5>
<div class="content_con">
<div class="con_left con_left1" v-for="(item, index) in abroadList" :key="index">
<div class="left_tit">{{ item.title }}</div>
<div class="left_content">
<ul class="left_con1">
<li v-for="(it, index) in item.children" :key="index">
<AppLink :data="it">
<div class="con">
<img :src="it.img" alt="" class="con_img" />
<div class="con_desc" v-html="it.desc"></div>
</div>
</AppLink>
</li>
</ul>
<div class="line1" v-if="item.isLine"></div>
</div>
</div>
</div>
</div>
</template>
<script>
import AppLink from '@/components/Link'
export default {
components: { AppLink },
data() {
return {
abroadList: [
{
title: '— 硕士 —',
isLine: true,
children: [
{
img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/abroad1.png',
desc: '纽约州立大学<br/>石溪分校<br/>金融学硕士<br/>保研项目NSF',
href: 'https://sbu-plus.ezijing.com/'
},
{
img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/abroad2.png',
desc: '斯蒂文斯理工学院<br/>工程管理硕士<br/>保研项目MEM',
href: 'https://sit-plus.ezijing.com/'
}
]
},
{
title: '— 博士 —',
isLine: false,
children: [
{
img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/abroad3.png',
desc: '加州浸会大学<br/>在线工商管理<br/>博士项目DBA',
href: 'https://cbu-online.ezijing.com/'
},
{
img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/abroad3.png',
desc: '加州浸会大学<br/>全日制工商管理<br/>博士项目DBA',
href: 'https://cbu-plus.ezijing.com/'
}
]
}
]
}
}
}
</script>
<style lang="scss" scoped>
.main_content {
width: 1200px;
margin: 66px auto;
.gov_tit {
font-size: 30px;
font-weight: bold;
color: #333333;
}
.content_con {
margin-top: 21px;
display: flex;
background: #ffffff;
padding: 43px 30px 50px 30px;
.con_left {
height: 192px;
display: flex;
flex-direction: column;
// align-items: center;
.left_tit {
font-size: 16px;
color: #000000;
}
.left_content {
display: flex;
.left_con1 {
display: flex;
margin-top: 30px;
li {
width: 260px;
height: 110px;
background: #f9f8f8;
box-sizing: border-box;
.con {
width: 260px;
height: 110px;
display: flex;
justify-content: center;
align-items: center;
padding: 10px 25px 10px 10px;
}
&:hover {
background: #aa1940;
.con_desc {
color: #f9f8f8;
}
}
.con_img {
width: 128px;
height: 90px;
}
.con_desc {
margin-left: 8px;
text-align: center;
width: 84px;
font-size: 14px;
line-height: 18px;
color: #333333;
white-space: nowrap;
}
}
li:nth-child(2) {
margin-left: 20px;
}
}
.line1 {
width: 0px;
height: 110px;
border: 1px dashed #c4c4c4;
margin: 30px 30px;
}
}
}
.con_left:nth-child(1) {
.left_tit {
margin-left: 275px;
}
}
.con_left1:nth-child(1) {
.left_tit {
margin-left: 226px;
}
}
.con_left:nth-child(2) {
align-items: center;
}
}
}
</style>
......@@ -114,7 +114,7 @@ export default {
}
.alumni_content {
display: flex;
height: 450px;
height: 400px;
.content_img {
width: 600px;
......
<template>
<div class="home-banner">
<!-- <swiper :options="swiperOption" ref="mySwiper">
<swiper :options="swiperOption" ref="mySwiper">
<swiper-slide v-for="(item, index) in listData" :key="index">
<template v-if="item.uri">
<a :href="item.uri" target="_black">
......@@ -15,8 +15,7 @@
<template v-if="!isMobile">
<div class="prev-button"></div>
<div class="next-button"></div>
</template> -->
<img src="https://webapp-pub.ezijing.com/www/pc/home/pc-index-banner.png" alt="" />
</template>
</div>
</template>
<script>
......@@ -54,9 +53,6 @@ export default {
<style lang="scss" scoped>
.home-banner {
position: relative;
img {
width: 100%;
}
.swiper-wrapper {
width: 100%;
display: flex;
......
<template>
<div class="service-content max-width-center">
<div class="title">{{ $t('home.college.title') }}</div>
<div class="title">数字经济产业学院</div>
<ul class="nav-content">
<li v-for="(item, index) in data" :key="index" @click="goPage(item.path, item.pathType)">
<li v-for="(item, index) in data" :key="index">
<AppLink :data="item">
<div class="img_box">
<img :src="item.icon" alt="" class="icon" />
<img :src="item.iconActive" alt="" class="icon-active" />
</div>
<div class="text" v-html="item.text"></div>
</AppLink>
</li>
</ul>
</div>
</template>
<script>
import AppLink from '@/components/Link'
export default {
components: { AppLink },
data() {
return {
data: [
{
icon: 'https://webapp-pub.ezijing.com/www/pc/home/01.png',
iconActive: 'https://webapp-pub.ezijing.com/www/pc/home/01_on.png',
text: this.$t('home.college.corePower'),
path: '/services/college',
icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_sass.png',
iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_sass_active.png',
text: '紫荆E-SAAS<br/>平台',
href: 'https://e-saas.ezijing.com/',
pathType: 1
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/home/02.png',
iconActive: 'https://webapp-pub.ezijing.com/www/pc/home/02_on.png',
text: this.$t('home.college.program'),
path: '/services/major',
pathType: 1
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',
text: '专业共建<br/>数字化改造',
onClick: () => {
this.$message('暂未开通')
}
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/home/03.png',
iconActive: 'https://webapp-pub.ezijing.com/www/pc/home/03_on.png',
text: this.$t('home.college.saas'),
path: 'https://x-learning.ezijing.com',
pathType: 0
icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_sy.png',
iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_sy_active.png',
text: '数字经济<br/>实验室',
path: '/practice/laboratory'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/home/04.png',
iconActive: 'https://webapp-pub.ezijing.com/www/pc/home/04_on.png',
text: this.$t('home.college.internship'),
path: '/services/employment',
pathType: 1
icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_yf.png',
iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_yf_active.png',
text: '教学研发',
onClick: () => {
this.$message('暂未开通')
}
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/home/05.png',
iconActive: 'https://webapp-pub.ezijing.com/www/pc/home/05_on.png',
text: this.$t('home.college.x'),
path: 'https://x.ezijing.com',
pathType: 0
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',
text: '引产入校',
onClick: () => {
this.$message('暂未开通')
}
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/home/06.png',
iconActive: 'https://webapp-pub.ezijing.com/www/pc/home/06_on.png',
text: this.$t('home.college.cert'),
path: '/services/job',
pathType: 1
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',
text: '实习就业',
path: '/services/employment'
// pathType: 0
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/home/07.png',
iconActive: 'https://webapp-pub.ezijing.com/www/pc/home/07_on.png',
text: this.$t('home.college.data'),
path: '/services/dataAnalysis',
pathType: 1
icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_al.png',
iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_al_active.png',
text: '落地案例',
path: '/services/college/case'
// pathType: 1
}
]
}
},
methods: {
goPage(path, type) {
if (path === '') {
this.$message('暂未开通,敬请期待。')
return
} else {
!type ? window.open(path) : this.$router.push({ path: path })
}
}
}
// methods: {
// goPage(path, type) {
// if (path === '') {
// this.$message('暂未开通,敬请期待。')
// return
// } else {
// !type ? window.open(path) : this.$router.push({ path: path })
// }
// }
// }
}
</script>
<style lang="scss" scoped>
.service-content {
padding-top: 44px;
width: 1200px;
margin: 70px auto;
.title {
font-size: 24px;
font-size: 30px;
font-weight: bold;
line-height: 34px;
color: #424242;
margin-bottom: 20px;
color: #333333;
}
.nav-content {
display: flex;
justify-content: space-between;
background: #ffffff;
padding: 78px 58px 70px 56px;
margin-top: 20px;
li {
width: 156px;
height: 186px;
background: #ffffff;
padding-top: 36px;
margin-right: 20px;
cursor: pointer;
transition: all 0.5s;
.img_box {
width: 100px;
height: 100px;
background: #f6f5f5;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}
img {
width: 64px;
height: 64px;
display: block;
margin: 0 auto;
}
.icon-active {
display: none;
}
&:hover {
background: rgba(170, 25, 65, 1);
.img_box {
background: #aa1941;
}
.text {
color: #fff;
color: #aa1941;
}
.icon {
display: none;
......@@ -123,17 +139,14 @@ export default {
}
.text {
text-align: center;
font-size: 14px;
font-size: 16px;
font-weight: 400;
line-height: 18px;
color: #666666;
margin-top: 20px;
white-space: nowrap;
}
}
}
}
.max-width-center {
width: 1212px;
margin: 0 auto;
}
</style>
<template>
<div class="main_content">
<h5 class="gov_tit">国际学位</h5>
<div class="content_con">
<div class="con_left" v-for="(item, index) in degreeList" :key="index">
<div class="left_tit">{{ item.title }}</div>
<div class="left_content">
<ul class="left_con">
<li v-for="(it, index) in item.children" :key="index">
<AppLink :data="it">
<img :src="it.img" alt="" class="con_img" />
<div class="con_desc" v-html="it.desc"></div>
</AppLink>
</li>
</ul>
<div class="line" v-if="item.isLine"></div>
</div>
</div>
</div>
</div>
</template>
<script>
import AppLink from '@/components/Link'
export default {
components: { AppLink },
data() {
return {
degreeList: [
{
title: '— 硕士 —',
isLine: true,
children: [
{
img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/master_med1.png',
desc: '教育学硕士(儿童)<br/>MED',
href: 'https://cu.ezijing.com/'
},
{
img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/master_msf.png',
desc: '金融硕士<br/>MSF',
href: 'https://kelley.ezijing.com/'
},
{
img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/master_map.png',
desc: '应用心理学硕士<br/>MAP',
href: 'https://ciis.ezijing.com/'
},
{
img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/master_med2.png',
desc: '教育学硕士(家庭) <br/>MED',
href: 'https://cuw.ezijing.com/index'
}
]
},
{
title: '— MBA —',
isLine: false,
children: [
{
img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/mba1.png',
desc: '数字领导力方向<br/>MBA',
href: 'https://marywood.ezijing.com/'
},
{
img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/mba2.png',
desc: '酒店和旅游方向<br/>MBA',
href: 'https://shms.ezijing.com/'
},
{
img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/mba3.png',
desc: '餐饮管理方向<br/>MBA',
href: 'https://caas.ezijing.com/'
}
]
}
]
}
}
}
</script>
<style lang="scss" scoped>
.main_content {
width: 1200px;
margin: 70px auto;
.gov_tit {
font-size: 30px;
font-weight: bold;
color: #333333;
}
.content_con {
margin-top: 20px;
display: flex;
padding: 59px 40px 49px 32px;
background: #ffffff;
.con_left {
height: 192px;
display: flex;
flex-direction: column;
.left_tit {
font-size: 16px;
color: #000000;
}
.left_content {
display: flex;
.left_con {
display: flex;
justify-content: space-around;
margin-top: 30px;
li {
width: 148px;
display: flex;
flex-direction: column;
align-items: center;
cursor: pointer;
&:hover {
background: #aa1940;
padding-top: 10px;
padding-bottom: 14px;
margin-top: -10px;
.con_desc {
color: #f9f8f8;
}
}
.con_img {
width: 128px;
height: 90px;
}
.con_desc {
text-align: center;
margin-top: 10px;
font-size: 14px;
line-height: 18px;
color: #333333;
}
}
li:not(:last-child) {
margin-right: 10px;
}
}
.line {
width: 0px;
height: 129px;
border: 1px dashed #c4c4c4;
margin: 30px 25px 5px 25px;
}
.left_con1 {
display: flex;
margin-top: 30px;
li {
width: 342px;
height: 130px;
background: #f9f8f8;
box-sizing: border-box;
.con {
width: 342px;
height: 130px;
display: flex;
justify-content: center;
align-items: center;
padding: 10px 16px 10px 10px;
}
&:hover {
background: #aa1940;
.con_desc {
color: #f9f8f8;
}
}
.con_img {
width: 160px;
height: 110px;
}
.con_desc {
margin-left: 16px;
white-space: nowrap;
text-align: center;
width: 140px;
font-size: 14px;
line-height: 18px;
color: #333333;
}
}
li:nth-child(2) {
margin-left: 30px;
}
}
.line1 {
width: 0px;
height: 129px;
border: 1px dashed #c4c4c4;
margin: 30px 35px;
}
}
}
.con_left:nth-child(1) {
.left_tit {
margin-left: 275px;
}
}
.con_left:nth-child(2) {
align-items: center;
}
}
}
</style>
<template>
<AppCard :title="$t('home.bulletin.title')" class="home-news">
<AppCard title="通知公告" class="home-news">
<template #header-aside>
<nuxt-link to="/about/news">{{ $t('viewMore') }}</nuxt-link>
</template>
......@@ -10,8 +10,11 @@
<div class="swiper-wrapper">
<div class="swiper-slide" v-for="(item, index) in activityList" :key="index">
<div class="li">
<div class="time-block">
<div class="m-time">{{ formatMD(Date.parse(item.abstract)) }}</div>
<div class="t-time">{{ formatYY(Date.parse(item.abstract)) }}</div>
</div>
<div class="txt">{{ item.title }}</div>
<div class="time">{{ item.abstract }}</div>
</div>
</div>
</div>
......@@ -27,7 +30,10 @@
<div class="m-time">{{ formatMD(item.start_time) }}</div>
<div class="t-time">{{ formatYY(item.start_time) }}</div>
</div>
<div class="content_con">
<div class="text">{{ item.title }}</div>
<div class="desc">{{ item.abstract }}</div>
</div>
</li>
</app-link>
</template>
......@@ -52,8 +58,9 @@ export default {
delay: 3000,
loop: true,
direction: 'vertical',
height: 102,
loopAdditionalSlides: 1
height: 101,
loopAdditionalSlides: 1,
spaceBetween: 30
},
activityList: []
}
......@@ -106,7 +113,7 @@ export default {
height: 282px;
background: #ffffff;
box-shadow: 0px 0px 29px rgba(0, 0, 0, 0.03);
padding: 72px 49px 18px 51px;
padding: 40px 25px 40px 38px;
display: flex;
.tit {
font-size: 34px;
......@@ -121,7 +128,7 @@ export default {
::v-deep {
.swiper-container {
height: 100%;
transform: translateY(-2px);
// transform: translateY(-2px);
}
}
.swiper-slide-active {
......@@ -129,92 +136,149 @@ export default {
border-bottom: 1px solid #999999;
}
}
// width: 378px;
// margin-left: 60px;
// transform: translateY(-15px);
.li {
width: 549px;
display: flex;
align-items: center;
padding-bottom: 30px;
box-sizing: border-box;
padding-left: 12px;
.time-block {
width: 70px;
height: 70px;
background: #aa1941;
border-radius: 5px;
display: flex;
align-items: flex-start;
padding-top: 26px;
padding-bottom: 26px;
flex-direction: column;
align-items: center;
justify-content: center;
.m-time {
font-size: 20px;
font-weight: normal;
color: #ffffff;
text-align: center;
opacity: 0.8;
}
.t-time {
font-size: 16px;
font-weight: normal;
line-height: 15px;
color: #ffffff;
opacity: 0.8;
text-align: center;
}
}
.txt {
width: 430px;
margin-left: 33px;
width: 390px;
font-size: 18px;
font-weight: 400;
color: #424242;
text-align: center;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; //超出第几行,关键在这里
line-clamp: 2; //超出第几行,关键在这里
}
.time {
font-size: 30px;
font-weight: bold;
color: #aa1941;
white-space: nowrap;
margin-left: 10px;
-webkit-line-clamp: 1; //超出第几行,关键在这里
line-clamp: 1; //超出第几行,关键在这里
}
}
}
}
.right-content {
margin-left: 81px;
margin-left: 45px;
height: 282px;
ul {
li {
padding: 9px 0 22px 0;
display: flex;
padding: 19px 0 15px;
align-items: center;
border-top: 1px solid #e3e3e3;
cursor: pointer;
&:nth-child(1) {
border: none;
}
&:hover {
.content_con {
.text {
color: #aa1941;
}
.desc {
color: #aa1941;
}
}
.time-block {
width: 76px;
height: 58px;
background: #aa1941;
border: 10px solid #aa1941;
.m-time {
color: #ffffff;
opacity: 1;
}
.t-time {
color: #ffffff;
opacity: 1;
}
}
}
.time-block {
width: 70px;
height: 70px;
background: rgba(255, 255, 255, 0.39);
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.08);
border-radius: 5px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
.m-time {
font-size: 18px;
font-family: Helvetica Neue LT Pro;
font-size: 20px;
font-weight: normal;
// line-height: 53px;
color: #ffffff;
color: #777777;
opacity: 0.8;
text-align: center;
}
.t-time {
font-size: 14px;
font-size: 16px;
font-weight: normal;
line-height: 15px;
color: #ffffff;
color: #777777;
opacity: 0.8;
text-align: center;
}
}
.content_con {
width: 459px;
margin-left: 15px;
.text {
width: 423px;
text-align: left;
font-size: 18px;
line-height: 24px;
color: #424242;
margin-left: 15px;
font-weight: 500;
color: #333333;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
// margin-bottom: 11px;
}
.desc {
text-align: left;
font-size: 13px;
font-weight: 400;
line-height: 22px;
color: #666666;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
-webkit-line-clamp: 1;
overflow: hidden;
}
}
}
}
}
}
}
</style>
<template>
<div class="home_menu">
<h2 class="menu_title">产品与服务</h2>
<!-- <h2 class="menu_title">产品与服务</h2> -->
<div class="menu_card">
<div class="menu_card_top">
<div class="card_top_left">
......
......@@ -270,15 +270,7 @@ export default {
}
.con_left:nth-child(2) {
align-items: center;
// .left_tit {
// margin-left: 188px;
// }
}
// .con_left:nth-child(3) {
// .left_tit {
// margin-left: 296px;
// }
// }
}
}
}
</style>
<template>
<div>
<h5 class="gov_tit">院校</h5>
<h5 class="gov_tit">数字经济产业学院</h5>
<ul class="gov_con">
<li v-for="(item, index) in schoolList" :key="index">
<template v-if="!item.isChild">
......@@ -40,7 +40,7 @@ export default {
}
},
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_gz.png',
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_sass.png',
imgActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_gz_active.png',
desc: `专业共建数字化改造`,
isChild: true,
......@@ -49,7 +49,7 @@ export default {
}
},
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_sy.png',
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_gj.png',
imgActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_sy_active.png',
desc: `数字经济实验室`,
isChild: true,
......@@ -58,7 +58,7 @@ export default {
}
},
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_yf.png',
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_sy.png',
imgActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_yf_active.png',
desc: `教学研发`,
isChild: true,
......@@ -67,7 +67,7 @@ export default {
}
},
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_rx.png',
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_yf.png',
imgActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_rx_active.png',
desc: `引产入校`,
isChild: true,
......@@ -76,7 +76,7 @@ export default {
}
},
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_jy.png',
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_yc.png',
imgActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_jy_active.png',
desc: `实习就业`,
isChild: true,
......@@ -85,6 +85,15 @@ export default {
}
},
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_jy.png',
imgActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_jy_active.png',
desc: `成功案例`,
isChild: false,
path: '/services/college/case'
},
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_al.png',
imgActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_jy_active.png',
desc: `成功案例`,
isChild: false,
path: '/services/college/case'
......
<template>
<app-frame :tabs="tabs">
<div class="main_content">
<img src="https://webapp-pub.ezijing.com/www/pc/news/news.png" class="banner" />
<template #article>
<article-list v-bind="listOptions"></article-list>
</template>
</app-frame>
</div>
</template>
<script>
import AppFrame from '@/components/AppFrame'
import navList from '@/assets/alumnusNavList.js'
import ArticleList from '@/components/ArticleList'
import { getArticleList } from '@/api'
export default {
components: { AppFrame, ArticleList },
components: { ArticleList },
data() {
return {
tabs: navList(this)
}
return {}
},
computed: {
listOptions() {
......@@ -38,3 +33,13 @@ export default {
}
}
</script>
<style lang="scss" scoped>
.main_content {
width: 1200px;
margin: 30px auto;
.banner {
width: 100%;
}
}
</style>
......@@ -295,10 +295,11 @@ export default {
.con_item {
width: 380px;
height: 380px;
height: 400px;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
cursor: pointer;
border-bottom: 1px solid #aa1941;
padding: 49px 27px 57px 32px;
......
......@@ -2,10 +2,12 @@
<div class="home">
<!-- 轮播图 -->
<banner />
<project-service />
<!-- <HomeMenu /> -->
<HomeMenu />
<!-- 产业学院 -->
<!-- <industrial-college /> -->
<industrial-college />
<!-- <project-service /> -->
<international-degree />
<abroad-study />
<!-- 学位教育 -->
<!-- <degree-education /> -->
<!-- 在线教育 -->
......@@ -21,7 +23,7 @@
<!-- 校友故事 -->
<alumni-stories />
<!-- 公开课 -->
<open-class />
<!-- <open-class /> -->
</div>
</template>
......@@ -34,10 +36,12 @@ 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 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'
export default {
components: {
banner,
......@@ -48,10 +52,12 @@ export default {
projectNotice,
headmasterMsg,
alumniStories,
openClass,
// openClass,
serviceCase,
industrialCollege,
onlineEdu
onlineEdu,
internationalDegree,
abroadStudy
}
}
</script>
......
差异被折叠。
差异被折叠。
<template>
<div class="main_content">
<img
class="banner"
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/practice/laboratory/laboratory_banner.png"
alt=""
/>
<div class="content_part">
<div class="part_title">数字经济实验室</div>
<div class="part_desc">
清控紫荆教育依据数字人才能力模型中数据分析和数字营销两大核心能力,研发推出了工业级数字经济实验室,实验室以公有云+私有云的混合云架构提供的基础资源服务为支撑,融合商业数据分析和数字营销实训的平台服务能力,整合多个行业的数据集和案例集,依托e-SaaS的教学服务资源向应用层和用户层提供教学实训、企业数据分析与营销、科研交流、运维支撑和可视化等教学服务。
</div>
</div>
<div class="content_part1">
<div class="part_title">“产、学、研、培、创”五位一体数字经济实验室</div>
<img
class="part_img"
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/practice/laboratory/img1.png"
alt=""
/>
</div>
<div class="content_tab">
<div class="tab_con">
<div v-for="(item, index) in zyList" :key="index">
<nuxt-link class="subNav-li" :to="{ name: item.name }">
<div class="con_item">
<div class="item_tit">{{ item.tit }}</div>
<div class="item_desc">点击进入</div>
</div>
</nuxt-link>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
zyList: [
{
tit: '商业数据分析实验室',
name: 'practice-laboratory-analysis'
},
{
tit: '数字营销实验室',
name: 'practice-laboratory-marketing'
}
]
}
},
methods: {}
}
</script>
<style lang="scss" scoped>
.main_content {
background: #ffff;
width: 100%;
.banner {
width: 100%;
height: 580px;
}
.content_part {
width: 100%;
height: 316px;
background: #f9f8f8;
padding-top: 90px;
display: flex;
flex-direction: column;
align-items: center;
.part_title {
font-size: 30px;
font-weight: bold;
color: #333333;
}
.part_desc {
width: 1200px;
margin: auto;
margin-top: 36px;
font-size: 18px;
font-weight: 400;
line-height: 34px;
color: #666666;
}
}
.content_part1 {
margin: 120px auto;
text-align: center;
.part_title {
font-size: 30px;
font-weight: bold;
color: #333333;
}
.part_img {
width: 1200px;
height: 922px;
margin-top: 48px;
}
}
.content_tab {
width: 100%;
height: 830px;
background: #f9f8f8;
padding-top: 120px;
margin: 120px auto;
.tab_con {
display: flex;
justify-content: center;
}
.con_item:nth-child(1) {
margin-right: 20px;
background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/practice/laboratory/tab1.png);
}
.con_item:nth-child(2) {
background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/practice/laboratory/tab2.png);
}
.con_item {
width: 590px;
height: 590px;
display: flex;
flex-direction: column;
align-items: center;
padding-top: 232px;
.item_tit {
font-size: 30px;
font-weight: 500;
color: #ffffff;
}
.item_desc {
width: 129px;
height: 40px;
border: 1px solid #ffffff;
font-size: 16px;
font-weight: 400;
line-height: 40px;
color: #ffffff;
text-align: center;
margin-top: 22px;
&:hover {
background: #ffffff;
color: #333333;
}
}
}
}
}
</style>
差异被折叠。
......@@ -135,10 +135,12 @@ export default {
// 热门专业
projectList: [
{
project_id: '1017',
imgUrl: 'https://webapp-pub.ezijing.com/www/pc/studyAbroad/project_cbu.png',
href: 'https://cbu-plus.ezijing.com/'
project_id: '1019',
imgUrl: 'https://webapp-pub.ezijing.com/www/pc/studyAbroad/project_ucr.png',
onClick: this.showMessage
// href: 'https://cbu-plus.ezijing.com/'
},
{
project_id: '1018',
imgUrl: 'https://webapp-pub.ezijing.com/www/pc/studyAbroad/project_sbu.png',
......@@ -163,10 +165,14 @@ export default {
// },
{
project_id: '1019',
imgUrl: 'https://webapp-pub.ezijing.com/www/pc/studyAbroad/project_ucr.png',
onClick: this.showMessage
// href: 'https://cbu-plus.ezijing.com/'
project_id: '1017',
imgUrl: 'https://webapp-pub.ezijing.com/www/pc/studyAbroad/project_cbu_plus.png',
href: 'https://cbu-plus.ezijing.com/'
},
{
project_id: '1023',
imgUrl: 'https://webapp-pub.ezijing.com/www/pc/studyAbroad/project_cbu_online.png',
href: 'https://cbu-online.ezijing.com/'
}
],
// 常见问题
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论