Skip to content

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

Merge branch 'new' into dev

上级 8fb0c4b7 db90a47d
显示空白字符变更
内嵌 并排
正在显示 包含 1062 行增加 和 245 行删除
components/AppCard.vue
浏览文件 @ ba4c30ce
...@@ -37,7 +37,8 @@ export default { ...@@ -37,7 +37,8 @@ export default {
font-size: 32px; font-size: 32px;
font-weight: bold; font-weight: bold;
line-height: 1; line-height: 1;
text-align: v-bind(titleAlign); // text-align: v-bind(titleAlign);
text-align: center;
a:hover { a:hover {
color: var(--main-color); color: var(--main-color);
} }
......
components/FormSubmit.vue
浏览文件 @ ba4c30ce
...@@ -141,8 +141,8 @@ export default { ...@@ -141,8 +141,8 @@ export default {
{ label: '领航数字时代EMBA', value: '1026' }, { label: '领航数字时代EMBA', value: '1026' },
{ label: this.$t('aside.project1'), value: '1012' }, { label: this.$t('aside.project1'), value: '1012' },
{ label: this.$t('aside.project3'), value: '1008' }, { label: this.$t('aside.project3'), value: '1008' },
{ label: this.$t('aside.project9'), value: '1015' }, // { label: this.$t('aside.project9'), value: '1015' },
{ label: this.$t('aside.project4'), value: '1001' } // { label: this.$t('aside.project4'), value: '1001' }
] ]
} else { } else {
return [ return [
...@@ -152,8 +152,9 @@ export default { ...@@ -152,8 +152,9 @@ export default {
{ label: '纽约州立大学石溪分校金融学硕士项目', value: '1018' }, { label: '纽约州立大学石溪分校金融学硕士项目', value: '1018' },
{ label: '德保罗大学金融学硕士项目', value: '1025' }, { label: '德保罗大学金融学硕士项目', value: '1025' },
{ label: '斯蒂文斯理工学院工程管理硕士项目', value: '1020' }, { label: '斯蒂文斯理工学院工程管理硕士项目', value: '1020' },
{ label: '加州浸会大学全日制工商管理博士项目', value: '1017' }, { label: '雪城大学硕士保研项目', value: '1028' }
{ label: '加州浸会大学全球科技创新管理学者DBA项目', value: '1023' } // { label: '加州浸会大学全日制工商管理博士项目', value: '1017' },
// { label: '加州浸会大学全球科技创新管理学者DBA项目', value: '1023' }
] ]
} }
} }
......
components/Header.vue
浏览文件 @ ba4c30ce
...@@ -7,11 +7,10 @@ ...@@ -7,11 +7,10 @@
<img <img
:src=" :src="
$cookies.get('lang') == 'en-US' $cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/en-logo.png' ? 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/logo/en-logo.png'
: 'https://zws-imgs-pub.ezijing.com/static/public/0411340f9306b908eda54b5d66668f50.png' : 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/logo/us-logo.png'
" "
@click="goPage('/')" @click="goPage('/')" />
/>
</div> </div>
<template v-if="$route.path === '/roadmap'"> <template v-if="$route.path === '/roadmap'">
<client-only> <client-only>
...@@ -52,32 +51,29 @@ ...@@ -52,32 +51,29 @@
<div <div
:class="$route.path === level2Item.path || level2Item.isShow ? 'li active' : 'li'" :class="$route.path === level2Item.path || level2Item.isShow ? 'li active' : 'li'"
@mouseenter="levelShow(level2Item)" @mouseenter="levelShow(level2Item)"
@mouseleave="levelShow(level2Item, 'out')" @mouseleave="levelShow(level2Item, 'out')">
>
<div <div
@click="goPage(level2Item.path, level2Item.pathType)" @click="goPage(level2Item.path, level2Item.pathType)"
class="name" class="name"
:class="isEn === true ? 'name1' : ''" :class="isEn === true ? 'name1' : ''"
v-html="level2Item.name" v-html="level2Item.name"></div>
></div>
<div class="el-icon-arrow-right" v-if="level2Item.children"></div> <div class="el-icon-arrow-right" v-if="level2Item.children"></div>
</div> </div>
</template> </template>
</div> </div>
<!-- v-if="level2Item.isShow" -->
<template v-for="(level2Item, level2Index) in item.children"> <template v-for="(level2Item, level2Index) in item.children">
<div <div
class="two-level" class="two-level"
:key="level2Index + 'two-level2'" :key="level2Index + 'two-level2'"
v-if="level2Item.isShow" v-if="level2Item.isShow"
@mouseenter="level3Show" @mouseenter="level3Show"
@mouseleave="level3Show(level2Item, 'out')" @mouseleave="level3Show(level2Item, 'out')">
>
<div <div
@click="goPage(level3Item.path, level3Item.pathType)" @click="goPage(level3Item.path, level3Item.pathType)"
:class="isEn === true ? 'name1' : 'name'" :class="isEn === true ? 'name1' : 'name'"
v-for="(level3Item, level3Index) in level2Item.children" v-for="(level3Item, level3Index) in level2Item.children"
:key="level3Index + level3Item" :key="level3Index + level3Item">
>
{{ level3Item.name }} {{ level3Item.name }}
</div> </div>
</div> </div>
...@@ -134,7 +130,7 @@ export default { ...@@ -134,7 +130,7 @@ export default {
path: '/digital/yx_1', path: '/digital/yx_1',
children: [ children: [
{ {
name: '院校', name: '院&nbsp;校',
isShow: false, isShow: false,
children: [ children: [
{ {
...@@ -165,7 +161,7 @@ export default { ...@@ -165,7 +161,7 @@ export default {
] ]
}, },
{ {
name: '政府', name: '政&nbsp;府',
isShow: false, isShow: false,
children: [ children: [
{ {
...@@ -174,6 +170,10 @@ export default { ...@@ -174,6 +170,10 @@ export default {
} }
] ]
}, },
{
name: '数字教材',
path: '/digital/sz'
},
{ {
name: '职业技能大赛', name: '职业技能大赛',
path: '/digital/ds' path: '/digital/ds'
...@@ -329,11 +329,11 @@ export default { ...@@ -329,11 +329,11 @@ export default {
name: this.$t('menu.degreeChild.master'), name: this.$t('menu.degreeChild.master'),
isShow: false, isShow: false,
children: [ children: [
{ // {
name: this.$t('menu.degreeChild.masterChild.msf'), // name: this.$t('menu.degreeChild.masterChild.msf'),
path: 'https://kelley.ezijing.com', // path: 'https://kelley.ezijing.com',
pathType: 1 // pathType: 1
}, // },
{ {
name: this.$t('menu.degreeChild.masterChild.med'), name: this.$t('menu.degreeChild.masterChild.med'),
path: 'https://cu.ezijing.com', path: 'https://cu.ezijing.com',
...@@ -376,32 +376,43 @@ export default { ...@@ -376,32 +376,43 @@ export default {
path: 'https://shms.ezijing.com', path: 'https://shms.ezijing.com',
pathType: 1 pathType: 1
}, },
{ // {
name: this.$t('menu.degreeChild.mbaChild.caas'), // name: this.$t('menu.degreeChild.mbaChild.caas'),
path: 'https://caas.ezijing.com', // path: 'https://caas.ezijing.com',
pathType: 1 // pathType: 1
} // }
] ]
}, // },
{ // {
name: '工商管理博士DBA', // name: '工商管理博士DBA',
isShow: false, // isShow: false,
children: [ // children: [
{ // {
name: '全球科技创新管理学者项目', // name: '全球科技创新管理学者项目',
path: 'https://cbu-online.ezijing.com/', // path: 'https://cbu-online.ezijing.com/',
pathType: 1 // pathType: 1
} // }
] // ]
// },
// {
// name: '企业家学者DBA',
// isShow: false,
// children: [
// {
// name: '数字领导力企业家学者（DBA）',
// path: 'https://dld.ezijing.com/',
// pathType: 1
// }
// ]
}, },
{ {
name: '企业家学者DBA', name: 'DBA',
isShow: false, isShow: false,
children: [ children: [
{ {
name: '数字领导力企业家学者（DBA）', name: '科创方向DBA',
path: 'https://dld.ezijing.com/', path: 'https://ppai.ezijing.com/',
pathType: 1 pathType: 1
} }
] ]
...@@ -417,8 +428,8 @@ export default { ...@@ -417,8 +428,8 @@ export default {
isShow: false, isShow: false,
children: [ children: [
{ {
name: this.$t('menu.degreeChild.masterChild.sbu'), name: '雪城大学硕士保研项目',
path: 'https://sbu-plus.ezijing.com/', path: 'https://syracuse-plus.ezijing.com/',
pathType: 1 pathType: 1
}, },
{ {
...@@ -427,38 +438,39 @@ export default { ...@@ -427,38 +438,39 @@ export default {
pathType: 1 pathType: 1
}, },
{ {
name: '北京理工大学1+1硕士留学-德保罗大学金融学硕士项目', name: this.$t('menu.degreeChild.masterChild.sbu'),
path: 'https://depaul-plus.ezijing.com/', path: 'https://sbu-plus.ezijing.com/',
pathType: 1 pathType: 1
}, },
{ {
name: '雪城大学硕士保研项目', name: '北京理工大学1+1硕士留学-德保罗大学金融学硕士项目',
path: 'https://syracuse-plus.ezijing.com/', path: 'https://depaul-plus.ezijing.com/',
pathType: 1 pathType: 1
} }
// { // {
// name: '迈阿密大学硕士保研项目', // name: '迈阿密大学硕士保研项目',
// path: 'https://umiami-plus.ezijing.com/', // path: 'https://umiami-plus.ezijing.com/',
// pathType: 1 // pathType: 1
// } // }
] ]
},
{
name: this.$t('menu.degreeChild.doctor'),
isShow: false,
children: [
{
name: this.$t('menu.degreeChild.doctorChild.cbu_plus'),
path: 'https://cbu-plus.ezijing.com/',
pathType: 1
} }
// { // {
// name: this.$t('menu.degreeChild.doctorChild.cbu_online'), // name: this.$t('menu.degreeChild.doctor'),
// path: 'https://cbu-online.ezijing.com/', // isShow: false,
// children: [
// {
// name: this.$t('menu.degreeChild.doctorChild.cbu_plus'),
// path: 'https://cbu-plus.ezijing.com/',
// pathType: 1 // pathType: 1
// } // }
] // // {
} // // name: this.$t('menu.degreeChild.doctorChild.cbu_online'),
// // path: 'https://cbu-online.ezijing.com/',
// // pathType: 1
// // }
// ]
// }
] ]
}, },
{ {
...@@ -753,6 +765,7 @@ li { ...@@ -753,6 +765,7 @@ li {
color: #333333; color: #333333;
font-size: 16px; font-size: 16px;
white-space: nowrap; white-space: nowrap;
letter-spacing: 1px;
a { a {
color: #333333; color: #333333;
font-size: 16px; font-size: 16px;
...@@ -777,7 +790,7 @@ li { ...@@ -777,7 +790,7 @@ li {
} }
.two-level { .two-level {
pointer-events: auto; pointer-events: auto;
padding: 34px 41px 0 24px; padding: 34px 0 0 0px;
.name1 { .name1 {
font-size: 16px; font-size: 16px;
font-weight: 400; font-weight: 400;
...@@ -802,10 +815,13 @@ li { ...@@ -802,10 +815,13 @@ li {
font-weight: 400; font-weight: 400;
line-height: 20px; line-height: 20px;
color: #333333; color: #333333;
margin-bottom: 36px; margin-bottom: 16px;
padding: 8px 41px 8px 24px;
white-space: nowrap; white-space: nowrap;
// padding-left: 24px;
&:hover { &:hover {
color: rgba(170, 25, 65, 1); color: rgba(170, 25, 65, 1);
background: #ededed;
} }
a { a {
font-size: 16px; font-size: 16px;
......
components/ProjectCard.vue
浏览文件 @ ba4c30ce
<template> <template>
<AppCard :title="title" style="margin-top:50px;"> <AppCard :title="title" style="margin-top: 50px">
<template #header-aside><nuxt-link :to="baseUrl" v-if="baseUrl">查看更多+</nuxt-link></template> <template #header-aside><nuxt-link :to="baseUrl" v-if="baseUrl">查看更多+</nuxt-link></template>
<div class="project-list"> <div :class="className ? className : 'project-list'">
<div class="project-item" v-for="(item, index) in list" :key="index"> <div class="project-item" v-for="(item, index) in list" :key="index">
<!-- <AppLink :data="item"><img :src="item.imgUrl"/></AppLink> --> <!-- <AppLink :data="item"><img :src="item.imgUrl"/></AppLink> -->
<div <div
class="project-item-pic" class="project-item-pic"
:style=" :style="isEn ? `background:url(${item.imgUrlEn}) no-repeat center / 100% 100%;` : `background:url(${item.imgUrl}) no-repeat center / 100% 100%; `">
isEn
? `background:url(${item.imgUrlEn}) no-repeat center / 100% 100%;`
: `background:url(${item.imgUrl}) no-repeat center / 100% 100%; `
"
>
<!-- <img :src="item.imgUrl" /> --> <!-- <img :src="item.imgUrl" /> -->
<ul class="tools"> <ul class="tools">
<li @click="handleSubmit(item)">{{ isEn ? 'Register' : '我要报名' }}</li> <li @click="handleSubmit(item)">{{ isEn ? 'Register' : '我要报名' }}</li>
...@@ -37,7 +32,7 @@ import AppLink from '@/components/Link.vue' ...@@ -37,7 +32,7 @@ import AppLink from '@/components/Link.vue'
export default { export default {
name: 'ProjectCard', name: 'ProjectCard',
props: { list: { type: Array, default: () => [] }, title: String, baseUrl: String }, props: { list: { type: Array, default: () => [] }, title: String, baseUrl: String, className: String },
components: { AppCard, AppLink }, components: { AppCard, AppLink },
data() { data() {
return { return {
...@@ -70,8 +65,7 @@ export default { ...@@ -70,8 +65,7 @@ export default {
grid-template-columns: repeat(3, 1fr); grid-template-columns: repeat(3, 1fr);
row-gap: 20px; row-gap: 20px;
column-gap: 20px; column-gap: 20px;
} .project-item {
.project-item {
background-color: #fff; background-color: #fff;
.project-item-pic { .project-item-pic {
height: 360px; height: 360px;
...@@ -111,5 +105,53 @@ export default { ...@@ -111,5 +105,53 @@ export default {
border-left: 1px solid #c9c9c9; border-left: 1px solid #c9c9c9;
} }
} }
}
}
.project-list2 {
display: grid;
grid-template-columns: repeat(2, 1fr);
row-gap: 37px;
column-gap: 37px;
.project-item {
background-color: #fff;
.project-item-pic {
height: 230px;
overflow: hidden;
position: relative;
}
img {
width: 100%;
}
&:hover {
box-shadow: 0px 3px 24px rgba(0, 0, 0, 0.3);
}
.tools {
position: absolute;
bottom: 15px;
right: 0;
display: flex;
justify-content: center;
width: 350px;
li {
flex: 1;
font-size: 16px;
font-weight: 400;
color: #4d4d4d;
text-align: center;
cursor: pointer;
// &:hover {
// font-weight: 500;
// color: #333333;
// }
}
li:first-child {
color: #af1c40;
}
li + li {
border-left: 1px solid #c9c9c9;
}
}
}
} }
</style> </style>
components/home/abroadStudy.vue
浏览文件 @ ba4c30ce
<template> <template>
<AppCard title="$t('home.abroad.title')" titleAlign="center"> <div
style="
padding: 100px 0 40px;
background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/240531/lx-bg.png);
background-size: cover;
">
<AppCard title="$t('home.abroad.title')" titleAlign="center" style="margin: 0 auto">
<template #title> <template #title>
<nuxt-link to="/studyAbroad">{{ $t('home.abroad.title') }}</nuxt-link> <nuxt-link to="/studyAbroad">{{ $t('home.abroad.title') }}</nuxt-link>
</template> </template>
<div class="box-row"> <div class="box-row">
<div class="box-l">
<div class="box-red_title">学历项目</div>
<div class="box-l_master" v-for="item in abroadList">
<div class="box-col__title" style="margin-top: 35px">{{ item.title }}</div>
<div class="box-l_list">
<div class="box-l_item" v-for="cItem in item.children">
<a :href="cItem.href">
<div class="box-item_title">{{ cItem.title }}</div>
<img :src="cItem.img" class="box-item_logo" />
<div class="box-item_btns">
<a :href="btn.href" v-for="btn in cItem.btn" target="_blank">
<div class="box-item_btn" v-html="btn.name"></div>
</a>
</div>
</a>
</div>
</div>
</div>
</div>
<div class="box-r">
<div class="box-red_title">非学历项目</div>
<div class="box-block" style="margin: 75px 0 30px">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/fxl-img1.png" />
<div style="margin-left: 10px" class="btn">交换生项目</div>
</div>
<div class="box-block">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/fxl-img2.png" />
<div style="margin-left: 10px" class="btn">教师访学项目</div>
</div>
</div>
</div>
<!-- <div class="box-row">
<div class="box-col" v-for="(col, index) in abroadList" :key="index"> <div class="box-col" v-for="(col, index) in abroadList" :key="index">
<div class="box-col__title">{{ col.title }}</div> <div class="box-col__title">{{ col.title }}</div>
<ul class="box-wrap"> <ul class="box-wrap">
...@@ -17,8 +55,9 @@ ...@@ -17,8 +55,9 @@
</li> </li>
</ul> </ul>
</div> </div>
</div> </div> -->
</AppCard> </AppCard>
</div>
</template> </template>
<script> <script>
...@@ -29,51 +68,99 @@ export default { ...@@ -29,51 +68,99 @@ export default {
return { return {
abroadList: [ abroadList: [
{ {
title: this.$t('home.degree.tabBtn1'), title: '硕士',
children: [ children: [
{ {
img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/abroad1.png', title: '雪城大学',
desc: this.$t('home.abroad.sbu'), href: 'https://syracuse-plus.ezijing.com/',
href: 'https://sbu-plus.ezijing.com/' img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/918/m1.png',
btn: [
{ name: '计算机工程硕士', href: 'https://syracuse-plus.ezijing.com/' },
{ name: '计算机科学硕士', href: 'https://syracuse-plus.ezijing.com/' },
{ name: '电气工程硕士', href: 'https://syracuse-plus.ezijing.com/' }
]
}, },
{ {
img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/abroad2.png', title: '斯蒂文斯理工学院',
desc: this.$t('home.abroad.sit'), href: 'https://sit-plus.ezijing.com/',
href: 'https://sit-plus.ezijing.com/' img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/918/m3.png',
btn: [{ name: '工程管理硕士', href: 'https://sit-plus.ezijing.com/' }]
}, },
{ {
img: 'https://webapp-pub.ezijing.com/www/pc/home/depaul.png', title: '纽约州立大学石溪分校',
desc: '德保罗大学<br/>金融学硕士<br/>保研项目', href: 'https://sbu-plus.ezijing.com/',
href: 'https://depaul-plus.ezijing.com/' img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/918/m2.png',
btn: [{ name: '金融学硕士', href: 'https://sbu-plus.ezijing.com/' }]
}, },
{ {
img: 'https://webapp-pub.ezijing.com/www/pc/home/xc-94.png', title: '德保罗大学',
desc: '雪城大学<br/>电气工程MSEE<br/>计算机科学MSCS<br/>计算机工程MSCE<br/>保研项目', href: 'https://depaul-plus.ezijing.com/',
href: 'https://syracuse-plus.ezijing.com/' img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/918/m4.png',
btn: [
{ name: '金融学硕士', href: 'https://depaul-plus.ezijing.com/' },
{ name: '北理工金融学硕士', href: 'https://depaul-plus.ezijing.com/' }
]
} }
]
// },
// {
// title: '博士',
// children: [
// { // {
// img: 'https://webapp-pub.ezijing.com/www/pc/home/umiami.png', // title: '加州浸会大学',
// desc: '迈阿密大学<br/>技术管理MSMT<br/>软件工程MSSE<br/>保研项目', // img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/918/d1.png',
// href: 'https://umiami-plus.ezijing.com/' // btn: [{ name: '全日制<br />工商管理博士DBA', href: 'https://cbu-plus.ezijing.com/' }]
// } // }
// ]
}
] ]
}, // abroadList: [
{
title: this.$t('home.abroad.tabBtn2'),
children: [
// { // {
// img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/abroad3.png', // title: this.$t('home.degree.tabBtn1'),
// desc: this.$t('home.abroad.cbu_online'), // children: [
// href: 'https://cbu-online.ezijing.com/' // {
// img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/abroad1.png',
// desc: this.$t('home.abroad.sbu'),
// href: 'https://sbu-plus.ezijing.com/'
// }, // },
{ // {
img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/abroad3.png', // img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/abroad2.png',
desc: this.$t('home.abroad.cbu_plus'), // desc: this.$t('home.abroad.sit'),
href: 'https://cbu-plus.ezijing.com/' // href: 'https://sit-plus.ezijing.com/'
} // },
] // {
} // img: 'https://webapp-pub.ezijing.com/www/pc/home/depaul.png',
] // desc: '德保罗大学<br/>金融学硕士<br/>保研项目',
// href: 'https://depaul-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/'
// // }
// ]
// },
// {
// title: this.$t('home.abroad.tabBtn2'),
// children: [
// // {
// // img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/abroad3.png',
// // desc: this.$t('home.abroad.cbu_online'),
// // href: 'https://cbu-online.ezijing.com/'
// // },
// {
// img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/abroad3.png',
// desc: this.$t('home.abroad.cbu_plus'),
// href: 'https://cbu-plus.ezijing.com/'
// }
// ]
// }
// ]
} }
} }
} }
...@@ -81,25 +168,131 @@ export default { ...@@ -81,25 +168,131 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.box-row { .box-row {
display: grid; display: flex;
grid-template-columns: repeat(2, 1fr); justify-content: space-between;
row-gap: 20px; .box-l {
column-gap: 100px; width: 810px;
} }
.box-col { .box-r {
position: relative; width: 300px;
} .box-block {
.box-col:nth-child(even) { width: 300px;
&::before { height: 106px;
position: absolute; // background: #ffffff;
top: 42px; display: flex;
bottom: 0; justify-content: center;
left: -50px; align-items: center;
content: ''; border-radius: 12px 12px 12px 12px;
width: 0; img {
border: 1px dashed #c4c4c4; width: 150px;
height: 80px;
object-fit: cover;
}
&:hover {
background-color: #aa1941;
.btn {
color: #fff;
}
}
.btn {
min-width: 120px;
// line-height: 30px;
padding: 6px 0;
text-align: center;
font-size: 12px;
color: #333333;
// border: 1px solid #d5d5d5;
cursor: pointer;
&:hover {
// background-color: #aa1941;
// border: 1px solid #aa1941;
color: #fff;
}
}
}
}
.box-red_title {
line-height: 35px;
background-color: #aa1941;
font-size: 18px;
text-align: center;
color: #fff;
font-weight: bold;
}
.box-l_list {
display: flex;
flex-wrap: wrap;
margin-right: -30px;
}
.box-l_item {
margin-bottom: 30px;
min-width: 180px;
// height: 230px;
// background-color: #fff;
margin-right: 30px;
padding: 14px 15px 0;
border-radius: 12px 12px 12px 12px;
&:hover {
background: #aa1941;
.box-item_title {
color: #fff;
}
.box-item_btn {
color: #fff !important;
}
}
.box-item_title {
font-size: 15px;
font-weight: bold;
color: #aa1941;
line-height: 100%;
margin-bottom: 10px;
text-align: center;
}
.box-item_btns {
width: 150px;
// border-top: 1px dashed #f47524;
// margin-top: 10px;
padding-top: 10px;
padding-bottom: 20px;
// height: 140px;
display: flex;
flex-wrap: wrap;
justify-content: center;
// align-items: center;
.box-item_btn {
min-width: 120px;
// line-height: 30px;
padding: 6px 0;
// margin-bottom: 8px;
text-align: center;
font-size: 12px;
color: #333333;
// border: 1px solid #d5d5d5;
cursor: pointer;
&:hover {
// background-color: #aa1941;
// border: 1px solid #aa1941;
color: #fff;
}
}
}
} }
} }
// .box-col {
// position: relative;
// }
// .box-col:nth-child(even) {
// &::before {
// position: absolute;
// top: 42px;
// bottom: 0;
// left: -50px;
// content: '';
// width: 0;
// border: 1px dashed #c4c4c4;
// }
// }
.box-col__title { .box-col__title {
padding-left: 10px; padding-left: 10px;
margin-bottom: 26px; margin-bottom: 26px;
...@@ -107,26 +300,31 @@ export default { ...@@ -107,26 +300,31 @@ export default {
line-height: 1; line-height: 1;
border-left: 1px solid var(--main-color); border-left: 1px solid var(--main-color);
} }
.box-wrap { // .box-wrap {
display: grid; // display: grid;
grid-template-columns: repeat(2, 1fr); // grid-template-columns: repeat(2, 1fr);
gap: 20px; // gap: 20px;
} // }
.box-inner { // .box-inner {
display: flex; // display: flex;
align-items: center; // align-items: center;
padding: 10px; // padding: 10px;
&:hover { // &:hover {
color: #fff; // color: #fff;
background-color: var(--main-color); // background-color: var(--main-color);
} // }
.box-pic { // .box-pic {
width: 120px; // width: 120px;
// height: 80px;
// }
// .box-desc {
// flex: 1;
// text-align: center;
// }
// }
.box-item_logo {
width: 150px;
height: 80px; height: 80px;
} object-fit: cover;
.box-desc {
flex: 1;
text-align: center;
}
} }
</style> </style>
components/home/digital.vue
浏览文件 @ ba4c30ce
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
<div class="row"> <div class="row">
<div class="col" v-for="item in list" :key="item.title"> <div class="col" v-for="item in list" :key="item.title">
<div class="title"> <div class="title">
<h2>{{ item.title }}</h2> <h2 v-html="item.title"></h2>
<p>{{ item.desc }}</p> <p>{{ item.desc }}</p>
</div> </div>
<ul> <ul>
...@@ -22,19 +22,33 @@ ...@@ -22,19 +22,33 @@
</ul> </ul>
</div> </div>
</div> </div>
<div class="col2"> <div class="col3" v-for="item in newList2">
<div class="left">{{ item.title }}</div>
<div class="right">
<template v-for="cItem in item.children">
<AppLink :to="cItem.path">
<div class="item">
<img :src="cItem.icon" class="img" />
<img :src="cItem.hoverIcon" class="imga" />
<div class="name">{{ cItem.name }}</div>
</div>
</AppLink>
</template>
</div>
</div>
<!-- <div class="col2">
<ul> <ul>
<li class="item is-hover" v-for="item in list2" :key="item.title" :style="item.style"> <li class="item" v-for="item in list2" :key="item.title" :style="item.style">
<AppLink :to="item.path"> <AppLink :to="item.path">
<div class="item-inner"> <div class="item-inner">
<img :src="item.icon" class="img" /> <img :src="item.icon" class="img" />
<img :src="item.hoverIcon" class="hover-img" /> <img :src="item.hoverIcon" class="hover-img" />
{{ item.title }} &nbsp;{{ item.title }}
</div> </div>
</AppLink> </AppLink>
</li> </li>
</ul> </ul>
</div> </div> -->
</AppCard> </AppCard>
</template> </template>
...@@ -46,7 +60,7 @@ export default { ...@@ -46,7 +60,7 @@ export default {
return { return {
list: [ list: [
{ {
title: '院校', title: '院&nbsp校',
desc: '数字人才核心能力培养解决方案', desc: '数字人才核心能力培养解决方案',
children: [ children: [
{ {
...@@ -89,7 +103,7 @@ export default { ...@@ -89,7 +103,7 @@ export default {
] ]
}, },
{ {
title: '政府', title: '政&nbsp;府',
desc: '数字技能公共实训基地', desc: '数字技能公共实训基地',
children: [ children: [
{ {
...@@ -144,11 +158,65 @@ export default { ...@@ -144,11 +158,65 @@ export default {
], ],
list2: [ list2: [
{ {
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/icon/yx_2.png', icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/digital/szz/sz_icon.png',
hoverIcon: 'https://webapp-pub.ezijing.com/www/pc/digital/icon/yx_2_hover.png', hoverIcon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/digital/szz/sz_icon_hover.png',
title: '数字教材',
path: 'digital/sz'
},
{
icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/digital/szz/yx_2_new.png',
hoverIcon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/digital/szz/yx_2_new_hover.png',
title: '职业技能大赛', title: '职业技能大赛',
path: 'digital/ds' path: 'digital/ds'
} }
],
newList2: [
{
title: '职业技能大赛',
children: [
{
name: '国赛',
icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/240531/ds-icon1.png',
hoverIcon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/240531/ds-icon1a.png',
path: 'digital/ds'
},
{
name: '省赛',
icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/240531/ds-icon2.png',
hoverIcon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/240531/ds-icon2a.png',
path: 'digital/ds'
},
{
name: '行业赛',
icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/240531/ds-icon3.png',
hoverIcon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/240531/ds-icon3a.png',
path: 'digital/ds'
}
]
},
{
title: '数字教材',
children: [
{
name: '数字教材编辑器',
icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/240531/jc-icon1.png',
hoverIcon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/240531/jc-icon1a.png',
path: 'digital/sz'
},
{
name: '数字教材出版',
icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/240531/jc-icon2.png',
hoverIcon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/240531/jc-icon2a.png',
path: 'digital/sz'
},
{
name: '数智化教学',
icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/240531/jc-icon3.png',
hoverIcon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/240531/jc-icon3a.png',
path: 'digital/sz'
}
]
}
] ]
} }
} }
...@@ -163,6 +231,7 @@ export default { ...@@ -163,6 +231,7 @@ export default {
.col { .col {
flex: 1; flex: 1;
background-color: #fff; background-color: #fff;
box-shadow: 0px 3px 12px 1px rgba(0, 0, 0, 0.16);
&:first-child { &:first-child {
flex: 0 0 694px; flex: 0 0 694px;
} }
...@@ -192,7 +261,7 @@ export default { ...@@ -192,7 +261,7 @@ export default {
gap: 20px; gap: 20px;
} }
li { li {
border: 1px solid #d5d5d5; // border: 1px solid #d5d5d5;
width: 198px; width: 198px;
height: 128px; height: 128px;
font-size: 16px; font-size: 16px;
...@@ -239,6 +308,10 @@ export default { ...@@ -239,6 +308,10 @@ export default {
height: 60px; height: 60px;
font-size: 16px; font-size: 16px;
color: #666; color: #666;
margin-right: 60px;
.img {
margin-left: 15px;
}
.hover-img { .hover-img {
display: none; display: none;
} }
...@@ -261,4 +334,56 @@ export default { ...@@ -261,4 +334,56 @@ export default {
justify-content: center; justify-content: center;
} }
} }
.col3 {
display: flex;
background-color: #fff;
margin-top: 30px;
box-shadow: 0px 3px 12px 1px rgba(0, 0, 0, 0.16);
.left {
min-width: 259px;
line-height: 104px;
background: #aa1941;
font-weight: bold;
font-size: 26px;
color: #ffffff;
text-align: center;
}
.right {
display: flex;
justify-content: space-around;
align-items: center;
flex: 1;
.item {
display: flex;
align-items: center;
width: 220px;
line-height: 64px;
// border: 1px solid #d5d5d5;
&:hover {
background-color: #aa1941;
.name {
color: #fff;
}
.img {
display: none;
}
.imga {
display: block;
}
}
img {
margin-left: 30px;
}
.imga {
display: none;
}
.name {
margin-left: 5px;
font-size: 16px;
color: #6c6c6c;
letter-spacing: 2px;
}
}
}
}
</style> </style>
components/home/internationalDegree.vue
浏览文件 @ ba4c30ce
...@@ -37,11 +37,11 @@ export default { ...@@ -37,11 +37,11 @@ export default {
desc: this.$t('home.degree.med'), desc: this.$t('home.degree.med'),
href: 'https://cu.ezijing.com/' href: 'https://cu.ezijing.com/'
}, },
{ // {
img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/master_msf.png', // img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/master_msf.png',
desc: this.$t('home.degree.msf'), // desc: this.$t('home.degree.msf'),
href: 'https://kelley.ezijing.com/' // href: 'https://kelley.ezijing.com/'
}, // },
{ {
img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/master_map.png', img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/master_map.png',
desc: this.$t('home.degree.map'), desc: this.$t('home.degree.map'),
...@@ -67,33 +67,33 @@ export default { ...@@ -67,33 +67,33 @@ export default {
desc: this.$t('home.degree.international'), desc: this.$t('home.degree.international'),
href: 'https://shms.ezijing.com/' href: 'https://shms.ezijing.com/'
}, },
{ // {
img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/mba3.png', // img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/mba3.png',
desc: this.$t('home.degree.caas'), // desc: this.$t('home.degree.caas'),
href: 'https://caas.ezijing.com/' // href: 'https://caas.ezijing.com/'
} // }
]
},
{
title: '博士',
children: [
{
img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/cbu-online.png',
desc: '加州浸会大学<br/>工商管理博士DBA',
href: 'https://cbu-online.ezijing.com/'
}
] ]
}, },
{ // {
title: '企业家学者DBA', // title: '博士',
children: [ // children: [
{ // {
img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/cbu-enterprise.png', // img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/cbu-online.png',
desc: '数字领导力<br/>企业家学者DBA', // desc: '加州浸会大学<br/>工商管理博士DBA',
href: 'https://dld.ezijing.com/' // href: 'https://cbu-online.ezijing.com/'
} // }
] // ]
} // },
// {
// title: '企业家学者DBA',
// children: [
// {
// img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/cbu-enterprise.png',
// desc: '数字领导力<br/>企业家学者DBA',
// href: 'https://dld.ezijing.com/'
// }
// ]
// }
] ]
} }
} }
......
components/rightAside.vue
浏览文件 @ ba4c30ce
...@@ -65,14 +65,14 @@ export default { ...@@ -65,14 +65,14 @@ export default {
{ label: this.$t('aside.project6'), value: '1005' }, { label: this.$t('aside.project6'), value: '1005' },
{ label: this.$t('aside.project8'), value: '1021' }, { label: this.$t('aside.project8'), value: '1021' },
{ label: this.$t('aside.project3'), value: '1008' }, { label: this.$t('aside.project3'), value: '1008' },
{ label: this.$t('aside.project9'), value: '1015' }, // { label: this.$t('aside.project9'), value: '1015' },
{ label: this.$t('aside.project4'), value: '1001' }, // { label: this.$t('aside.project4'), value: '1001' },
// { label: '工商管理硕士保研项目', value: '1016' }, // { label: '工商管理硕士保研项目', value: '1016' },
// { label: '管理信息系统硕士保研项目', value: '9999' }, // { label: '管理信息系统硕士保研项目', value: '9999' },
{ label: this.$t('aside.project10'), value: '1018' }, { label: this.$t('aside.project10'), value: '1018' },
{ label: this.$t('aside.project11'), value: '1017' }, // { label: this.$t('aside.project11'), value: '1017' },
{ label: this.$t('aside.project12'), value: '1020' }, { label: this.$t('aside.project12'), value: '1020' },
{ label: this.$t('aside.project13'), value: '1023' } // { label: this.$t('aside.project13'), value: '1023' }
] ]
} }
}, },
......
langs/zh-CN.js
浏览文件 @ ba4c30ce
...@@ -221,7 +221,7 @@ export default { ...@@ -221,7 +221,7 @@ export default {
} }
}, },
foot: { foot: {
address: '地&nbsp;&nbsp;&nbsp;&nbsp;址：北京市海淀区中关村东路1号院清华科技园7号楼5层', address: '地&nbsp;&nbsp;&nbsp;&nbsp;址：北京市海淀区北四环西路52号方正国际大厦5层501',
contact: `联系电话：010-62793909`, contact: `联系电话：010-62793909`,
email: '邮&nbsp;&nbsp;&nbsp;&nbsp;箱：service@ezijing.com', email: '邮&nbsp;&nbsp;&nbsp;&nbsp;箱：service@ezijing.com',
link1: '中华人民共和国教育部教育涉外监管信息网', link1: '中华人民共和国教育部教育涉外监管信息网',
...@@ -314,7 +314,7 @@ export default { ...@@ -314,7 +314,7 @@ export default {
}, },
contact: { contact: {
lxTit: '联系我们', lxTit: '联系我们',
contactTxt: `地&nbsp;&nbsp;址：北京市海淀区中关村东路1号院清华科技园7号楼5层<br /> contactTxt: `地&nbsp;&nbsp;址：北京市海淀区北四环西路52号方正国际大厦5层501<br />
联系电话：010-62793909<br /> 联系电话：010-62793909<br />
邮&nbsp;&nbsp;箱：service@ezijing.com`, 邮&nbsp;&nbsp;箱：service@ezijing.com`,
follow: '关注我们', follow: '关注我们',
......
pages/about/contact.vue
浏览文件 @ ba4c30ce
...@@ -43,21 +43,21 @@ export default { ...@@ -43,21 +43,21 @@ export default {
}, },
mounted() { mounted() {
if (process.browser) { if (process.browser) {
!(function (mapInit) { !(function(mapInit) {
var script = document.createElement('script') var script = document.createElement('script')
script.type = 'text/javascript' script.type = 'text/javascript'
script.src = 'https://api.map.baidu.com/api?v=2.0&ak=Z9Km7UTGFI2fwRrpGp7Mji4ySDsvn30d&callback=mapinit' script.src = 'https://api.map.baidu.com/api?v=2.0&ak=Z9Km7UTGFI2fwRrpGp7Mji4ySDsvn30d&callback=mapinit'
window['mapinit'] = function () { window['mapinit'] = function() {
mapInit() mapInit()
} }
document.head.appendChild(script) document.head.appendChild(script)
})(function () { })(function() {
// 这里使用BMap // 这里使用BMap
var map = new BMap.Map('allmap') var map = new BMap.Map('allmap')
map.centerAndZoom(new BMap.Point(116.336323, 39.998848), 20) map.centerAndZoom(new BMap.Point(116.319701, 39.990591), 20)
map.enableScrollWheelZoom(true) map.enableScrollWheelZoom(true)
// 创建点标记 // 创建点标记
var marker1 = new BMap.Marker(new BMap.Point(116.336323, 39.998848)) var marker1 = new BMap.Marker(new BMap.Point(116.319701, 39.990591))
map.addOverlay(marker1) map.addOverlay(marker1)
}) })
} }
......
pages/digital/ds.vue
浏览文件 @ ba4c30ce
...@@ -265,7 +265,7 @@ export default { ...@@ -265,7 +265,7 @@ export default {
justify-content: space-between; justify-content: space-between;
.sx-list_item { .sx-list_item {
width: 370px; width: 370px;
border: 1px solid #dbdbdb; // border: 1px solid #dbdbdb;
padding: 19px 25px 25px; padding: 19px 25px 25px;
box-sizing: border-box; box-sizing: border-box;
cursor: pointer; cursor: pointer;
......
pages/digital/sz.vue 0 → 100644
浏览文件 @ ba4c30ce
<!-- 引产入校 -->
<template>
<div>
<div class="banner">
<img src="https://webapp-pub.ezijing.com/www/pc/digital/szz/banner.png" />
<div class="cover">
<div class="cover-inner">
<h2>数字教材一站式平台：清控紫荆数智学堂</h2>
<span></span>
<h6>全链路 · 一站式 · 大模型 · 多模态 · 富媒体</h6>
<p>
打通”学校端—出版端-教学端-学生端“的完整流程，提供多形态工具与AI大模型结合的数字教材编辑器，支持富媒体、交互式数字教材，满足全流程数字化教学及管理要求，基于大数据、多模态的AI辅助教学，配套高品质专业出版服务。实现教育资源的优化配置与高效利用，科技赋能教育，校企共筑教育新质生产力。
</p>
</div>
</div>
</div>
<section class="section">
<div class="section-inner">
<h2 class="section-title">核心优势</h2>
<p class="section-desc">
紫荆教育基于教学活动整体设计并推出的数字教材一站式平台-清控紫荆数智学堂，不仅有技术平台，还有和数字教材、数字教案融合一体的数字化实验室平台，更可以实现数字化教材、数字化教案、数字化教学、数字化实训，“一个界面，一个平台”的一体化体系。具体来说，有如下三个核心优势：
</p>
<div class="ys-list">
<div class="ys-item" v-for="item in skList">
<div class="ys-item_h1">{{ item.h1 }}</div>
<div class="ys-item_h2" v-html="item.h2"></div>
<div class="ys-item_p">
{{ item.p }}
</div>
</div>
</div>
</div>
</section>
<section class="section">
<div class="section-inner">
<h2 class="section-title">平台功能介绍</h2>
<div class="pt-list">
<div class="pt-item" v-for="item in ptList">
<div class="pt-item_top">
<div class="pt-item__h1">{{ item.h1 }}</div>
<div class="pt-item__p">
{{ item.h2 }}
</div>
</div>
<img :src="item.img" />
</div>
</div>
</div>
</section>
<section class="section">
<div class="section-inner">
<h2 class="section-title">服务保障介绍</h2>
<p class="section-desc" style="text-align: center">
清控紫荆数智学堂确保安全与可控性，拥有完全自主知识产权，并具备企业资质与安全等保认证，为用户提供稳定可靠的服务保障。我们注重数据安全和隐私保护，采取先进的安全措施和技术手段，确保用户信息的安全与保密，为用户创造安全、高效、便捷的学习环境。
</p>
<div class="bz-box">
<div class="bz-t">
<div class="bz-h1">完全自主知识产权</div>
<img src="https://webapp-pub.ezijing.com/www/pc/digital/szz/c5.png" />
</div>
<div class="bz-b">
<div class="bz-h1">企业资质与安全等保认证</div>
<div class="img-box">
<img src="https://webapp-pub.ezijing.com/www/pc/digital/szz/z1.png?v=1.2" />
<img src="https://webapp-pub.ezijing.com/www/pc/digital/szz/z2.png" />
<img src="https://webapp-pub.ezijing.com/www/pc/digital/szz/z3.jpg" />
</div>
</div>
</div>
</div>
</section>
</div>
</template>
<script>
export default {
data() {
return {
skList: [
{
h1: '优势一',
h2: '多形态工具与AI大模型结合的<br />数字教材编辑器',
p: '清控紫荆数智学堂的数字教材编辑器提供对于立体式、多元化教学资源的支持，绝大部分数字资源都支持加入数字化教材。在教材编写方面，教师只要会用Office就会编写数字化教材，同时平台还提供基于大模型、多模态的智能化辅助能力。',
},
{
h1: '优势二',
h2: '提供富媒体、交互式<br/>数字教材',
p: '清控紫荆数智学堂打造了富媒体、交互式的一站式综合平台。全面提升了高校在数字化教材、数字化课件、数字化教案、数字化教学、数字化测评、数字化评价综合能力。同时实现了理论课程与实践教学的一站式融合。',
},
{
h1: '优势三',
h2: '高品质专业<br/>出版服务',
p: '清控紫荆数智学堂提供从策划选题开始，涵盖内容创作、编辑校对、设计排版、数字技术实现，最终到质量控制的完整的一站式数字化教材出版流程，辅以清华大学出版社等各类型A、B类出版社共计20余家，为高校提供优质的出版服务和数字化资源定制开发服务。',
},
{
h1: '优势四',
h2: '全流程数字化教学<br/>及管理',
p: '清控紫荆数智学堂通过数字化手段结合AI技术，实现从教学前的一键式教案生成，到教学过程的全面大数据管理，到教学之后的智能总结与推送，结合多维度教学测评和360教学评价，为高校提供了一站式、全流程的数字化教学及管理能力。',
},
{
h1: '优势五',
h2: '基于大数据、多模态的<br/>AI辅助教学',
p: '清控紫荆数智学堂提供AIGC生成式教案系统，快速辅助教师完成教案编写。通过AI为学生提供大模型、多模态学习辅助功能，实现7*24的贴身智能辅导。',
},
],
ptList: [
{
h1: '特色功能一：AI能力的全场景应用',
h2: '清控紫荆数智学堂面向教师和学生提供了全场景的AI能力，实现了针对教材文本、图片、课件、案例、题库等多维度的教师支撑，以及针对学生在学习辅助场景的全面支撑。',
img: 'https://webapp-pub.ezijing.com/www/pc/digital/szz/c1.png',
},
{
h1: '特色功能二：基于大数据的教学管理',
h2: '清控紫荆数智学堂全面实现了数据化能力，学生从购买数字教材开始，到数字教材的学习，笔记、讨论、测评、查阅等一系列动作行为及结果数据均实现国家信息安全保障基础上的全面采集和分析，为高校的教学管理提供了强力支撑。',
img: 'https://webapp-pub.ezijing.com/www/pc/digital/szz/c2.png',
},
{
h1: '特色功能三：“学-测-评”一站式在线教学平台',
h2: '清控紫荆数智学堂在全面AI辅助教学的基础上，实现了从知识点级别，到教学单元、教学主题等多维度综合测评。同时结合360度教学评价，全面实现对课程、教材、教师、教学、质量等多维度的评价，形成了学习、测试、评价的业务闭环。',
img: 'https://webapp-pub.ezijing.com/www/pc/digital/szz/c3.png',
},
{
h1: '特色功能四：理论教学与实践教学的无缝衔接',
h2: '清控紫荆数智学堂将理论教学与实践教学全面打通，形成了面向教材、课程、知识点级别的无缝衔接，让学生在理论学习过程中，无缝切换进行实践训练，并形成相应的学习过程和结果数据，支撑全面的教学评价。',
img: 'https://webapp-pub.ezijing.com/www/pc/digital/szz/c4.png',
},
],
}
},
methods: {},
}
</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(odd) {
background-color: #fff;
}
.section:nth-child(even) {
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: 16px;
font-family: Source Han Sans CN;
font-weight: 400;
line-height: 34px;
color: #666666;
}
.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.06);
&.active {
transform: scale(1);
background-color: #aa1941;
.p_icon {
display: none;
}
.a_icon {
display: block;
}
.a_color {
h2,
p,
a {
color: #fff;
}
}
}
}
.p_icon {
display: block;
}
.a_icon {
display: none;
}
}
.gk-item__pic {
padding: 46px 0 36px;
// .p_icon{
// display: block;
// }
// .a_icon{
// display: none;
// }
}
.gk-item__content {
padding: 0 12px;
h2 {
font-size: 19px;
font-family: Source Han Sans CN;
font-weight: 500;
line-height: 24px;
color: #333;
}
p {
margin: 12px 0;
font-size: 14px;
color: #666;
}
a {
color: var(--main-color);
}
}
.ys-list {
display: flex;
justify-content: space-between;
margin-top: 60px;
.ys-item {
background-color: #fff;
width: 230px;
height: 390px;
box-sizing: border-box;
border-bottom: 3px solid #aa1941;
.ys-item_h1 {
font-weight: bold;
font-size: 22px;
color: #aa1941;
line-height: 100%;
text-align: center;
padding: 51px 0 20px;
}
.ys-item_h2 {
font-size: 16px;
color: #333333;
line-height: 22px;
text-align: center;
margin-bottom: 25px;
}
.ys-item_p {
width: 206px;
font-size: 14px;
color: #666666;
line-height: 24px;
margin: 0 auto;
}
}
}
.pt-list {
width: 1200px;
margin: 0 auto;
.pt-item {
margin-bottom: 90px;
.pt-item_top {
background: #f9f8f8;
border-radius: 12px 12px 12px 12px;
.pt-item__h1 {
height: 40px;
background: #aa1941;
border-radius: 12px 12px 12px 12px;
padding: 0 36px;
line-height: 40px;
font-weight: bold;
font-size: 18px;
color: #ffffff;
}
.pt-item__p {
font-size: 18px;
color: #333333;
line-height: 30px;
padding: 15px 36px;
}
}
img {
width: 826px;
display: block;
margin: 37px auto 0;
}
}
}
.bz-box {
.bz-h1 {
font-weight: bold;
font-size: 18px;
color: #666666;
line-height: 100%;
margin-bottom: 30px;
}
.bz-t {
margin-top: 60px;
}
.bz-b {
margin-top: 60px;
.img-box {
background-color: #fff;
display: grid;
grid-template-columns: repeat(2, 1fr);
align-items: center;
img {
max-width: 100%;
}
}
}
}
</style>
pages/digital/yx_1.vue
浏览文件 @ ba4c30ce
...@@ -243,7 +243,7 @@ export default { ...@@ -243,7 +243,7 @@ export default {
} }
} }
.is-border { .is-border {
border: 1px solid #d5d5d5; // border: 1px solid #d5d5d5;
} }
.gk-list { .gk-list {
margin-top: 100px; margin-top: 100px;
...@@ -254,7 +254,7 @@ export default { ...@@ -254,7 +254,7 @@ export default {
.gk-item { .gk-item {
min-height: 280px; min-height: 280px;
text-align: center; text-align: center;
background: #fff; // background: #fff;
transition: all 0.3s; transition: all 0.3s;
&:hover { &:hover {
transform: scale(1.06); transform: scale(1.06);
...@@ -299,7 +299,7 @@ export default { ...@@ -299,7 +299,7 @@ export default {
font-family: Source Han Sans CN; font-family: Source Han Sans CN;
font-weight: 500; font-weight: 500;
line-height: 24px; line-height: 24px;
color: #333; color: #AA1941;
} }
p { p {
margin: 12px 0; margin: 12px 0;
......
pages/internationalDegree/index.vue
浏览文件 @ ba4c30ce
...@@ -193,12 +193,12 @@ export default { ...@@ -193,12 +193,12 @@ export default {
imgUrlEn: 'https://webapp-pub.ezijing.com/www/pc/internationalDegree/project_shms_en.png', imgUrlEn: 'https://webapp-pub.ezijing.com/www/pc/internationalDegree/project_shms_en.png',
href: 'https://shms.ezijing.com/' href: 'https://shms.ezijing.com/'
}, },
{ // {
project_id: '1015', // project_id: '1015',
imgUrl: 'https://webapp-pub.ezijing.com/www/pc/internationalDegree/project_caas.png', // imgUrl: 'https://webapp-pub.ezijing.com/www/pc/internationalDegree/project_caas.png',
imgUrlEn: 'https://webapp-pub.ezijing.com/www/pc/internationalDegree/project_caas_en.png', // imgUrlEn: 'https://webapp-pub.ezijing.com/www/pc/internationalDegree/project_caas_en.png',
href: 'https://caas.ezijing.com/' // href: 'https://caas.ezijing.com/'
} // }
], ],
// 常见问题 // 常见问题
qaList, qaList,
......
pages/studyAbroad/index.vue
浏览文件 @ ba4c30ce
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
</div> </div>
<FormSubmit :type="2" id="form" ref="formSubmit"></FormSubmit> <FormSubmit :type="2" id="form" ref="formSubmit"></FormSubmit>
<div class="w1200"> <div class="w1200">
<ProjectCard :title="isEn ? 'Popular Programs' : '热门专业'" :list="projectList"></ProjectCard> <ProjectCard className="project-list2" :title="isEn ? 'Popular Programs' : '热门专业'" :list="projectList"></ProjectCard>
<!-- <div class="why"> <!-- <div class="why">
<h1 class="why-title">为什么选择紫荆教育的国际留学课程？</h1> <h1 class="why-title">为什么选择紫荆教育的国际留学课程？</h1>
<div class="why-list"> <div class="why-list">
...@@ -35,7 +35,13 @@ ...@@ -35,7 +35,13 @@
</app-card> --> </app-card> -->
<app-card :title="isEn ? 'Application' : '申请流程'" style="margin-top: 68px"> <app-card :title="isEn ? 'Application' : '申请流程'" style="margin-top: 68px">
<div class="process"> <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> </div>
</app-card> </app-card>
<app-card :title="isEn ? 'Application Guide' : '报考指南'" style="margin-top: 74px"> <app-card :title="isEn ? 'Application Guide' : '报考指南'" style="margin-top: 74px">
...@@ -95,11 +101,11 @@ export default { ...@@ -95,11 +101,11 @@ export default {
{ {
web_img_uri: 'https://webapp-pub.ezijing.com/www/pc/studyAbroad/banner1.png', web_img_uri: 'https://webapp-pub.ezijing.com/www/pc/studyAbroad/banner1.png',
web_img_uri_en: 'https://webapp-pub.ezijing.com/www/pc/studyAbroad/banner1_en.png' web_img_uri_en: 'https://webapp-pub.ezijing.com/www/pc/studyAbroad/banner1_en.png'
},
{
web_img_uri: 'https://webapp-pub.ezijing.com/www/pc/studyAbroad/banner3.png',
web_img_uri_en: 'https://webapp-pub.ezijing.com/www/pc/studyAbroad/banner3_en.png'
} }
// {
// web_img_uri: 'https://webapp-pub.ezijing.com/www/pc/studyAbroad/banner3.png',
// web_img_uri_en: 'https://webapp-pub.ezijing.com/www/pc/studyAbroad/banner3_en.png'
// }
], ],
swiperOption: { swiperOption: {
speed: 400, speed: 400,
...@@ -148,25 +154,49 @@ export default { ...@@ -148,25 +154,49 @@ export default {
// 热门专业 // 热门专业
projectList: [ projectList: [
{ {
project_id: '1019', project_id: '1020',
imgUrl: 'https://webapp-pub.ezijing.com/www/pc/studyAbroad/project_ucr.png', imgUrl: 'https://webapp-pub.ezijing.com/www/pc/studyAbroad/project_sit_new.png',
imgUrlEn: 'https://webapp-pub.ezijing.com/www/pc/studyAbroad/project_ucr_en.png', imgUrlEn: 'https://webapp-pub.ezijing.com/www/pc/studyAbroad/project_sit_new.png',
onClick: this.showMessage href: 'https://sit-plus.ezijing.com/'
// href: 'https://cbu-plus.ezijing.com/' },
{
project_id: '1028',
imgUrl: 'https://webapp-pub.ezijing.com/www/pc/studyAbroad/project_syracuse_new.png',
imgUrlEn: 'https://webapp-pub.ezijing.com/www/pc/studyAbroad/project_syracuse_new.png',
href: 'https://syracuse-plus.ezijing.com/'
}, },
{ {
project_id: '1018', project_id: '1018',
imgUrl: 'https://webapp-pub.ezijing.com/www/pc/studyAbroad/project_sbu.png', imgUrl: 'https://webapp-pub.ezijing.com/www/pc/studyAbroad/project_sbu_new.png',
imgUrlEn: 'https://webapp-pub.ezijing.com/www/pc/studyAbroad/project_sbu_en.png', imgUrlEn: 'https://webapp-pub.ezijing.com/www/pc/studyAbroad/project_sbu_new.png',
href: 'https://sbu-plus.ezijing.com/' href: 'https://sbu-plus.ezijing.com/'
}, },
{ {
project_id: '1020', project_id: '1025',
imgUrl: 'https://webapp-pub.ezijing.com/www/pc/studyAbroad/project_sit.png', imgUrl: 'https://webapp-pub.ezijing.com/www/pc/studyAbroad/project_depaul_new.png',
imgUrlEn: 'https://webapp-pub.ezijing.com/www/pc/studyAbroad/project_sit_en.png', imgUrlEn: 'https://webapp-pub.ezijing.com/www/pc/studyAbroad/project_depaul_new.png',
href: 'https://sit-plus.ezijing.com/' href: 'https://depaul-plus.ezijing.com/'
}, }
// {
// project_id: '1019',
// imgUrl: 'https://webapp-pub.ezijing.com/www/pc/studyAbroad/project_ucr.png',
// imgUrlEn: 'https://webapp-pub.ezijing.com/www/pc/studyAbroad/project_ucr_en.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',
// imgUrlEn: 'https://webapp-pub.ezijing.com/www/pc/studyAbroad/project_sbu_en.png',
// href: 'https://sbu-plus.ezijing.com/'
// },
// {
// project_id: '1020',
// imgUrl: 'https://webapp-pub.ezijing.com/www/pc/studyAbroad/project_sit.png',
// imgUrlEn: 'https://webapp-pub.ezijing.com/www/pc/studyAbroad/project_sit_en.png',
// href: 'https://sit-plus.ezijing.com/'
// },
// { // {
// project_id: '1016', // project_id: '1016',
...@@ -180,30 +210,38 @@ export default { ...@@ -180,30 +210,38 @@ export default {
// href: 'https://marywood-plus.ezijing.com/' // href: 'https://marywood-plus.ezijing.com/'
// }, // },
{ // {
project_id: '1017', // project_id: '1017',
imgUrl: 'https://webapp-pub.ezijing.com/www/pc/studyAbroad/project_cbu_plus.png', // imgUrl: 'https://webapp-pub.ezijing.com/www/pc/studyAbroad/project_cbu_plus.png',
imgUrlEn: 'https://webapp-pub.ezijing.com/www/pc/studyAbroad/project_cbu_plus_en.png', // imgUrlEn: 'https://webapp-pub.ezijing.com/www/pc/studyAbroad/project_cbu_plus_en.png',
href: 'https://cbu-plus.ezijing.com/' // href: 'https://cbu-plus.ezijing.com/'
}, // },
{ // {
project_id: '1023', // project_id: '1023',
imgUrl: 'https://webapp-pub.ezijing.com/www/pc/studyAbroad/project_cbu_online.png', // imgUrl: 'https://webapp-pub.ezijing.com/www/pc/studyAbroad/project_cbu_online.png',
imgUrlEn: 'https://webapp-pub.ezijing.com/www/pc/studyAbroad/project_cbu_online_en.png', // imgUrlEn: 'https://webapp-pub.ezijing.com/www/pc/studyAbroad/project_cbu_online_en.png',
href: 'https://cbu-online.ezijing.com/' // href: 'https://cbu-online.ezijing.com/'
}, // },
{ // {
project_id: '1025', // project_id: '1025',
imgUrl: 'https://webapp-pub.ezijing.com/www/pc/studyAbroad/project_depaul_plus.png', // imgUrl: 'https://webapp-pub.ezijing.com/www/pc/studyAbroad/project_depaul_plus.png',
imgUrlEn: 'https://webapp-pub.ezijing.com/www/pc/studyAbroad/project_depaul_plus.png', // imgUrlEn: 'https://webapp-pub.ezijing.com/www/pc/studyAbroad/project_depaul_plus.png',
href: 'https://depaul-plus.ezijing.com/' // href: 'https://depaul-plus.ezijing.com/'
} // }
], ],
// 常见问题 // 常见问题
qaList, qaList,
// 最新动态请求参数 // 最新动态请求参数
newsParams: { newsParams: {
project_ids: ['25634964940156928', '25634688011239424', '6886139536666001408', '62110451281973248', '78616692432879616', '147349767330201600'], project_ids: [
'25634964940156928',
'25634688011239424',
'6886139536666001408',
'62110451281973248',
'78616692432879616',
'147349767330201600',
'210777554510323712'
],
type_tag: 'article_news_hot', type_tag: 'article_news_hot',
page: 1, page: 1,
limit: 4 limit: 4
......
pages/studyAbroad/news/index.vue
浏览文件 @ ba4c30ce
...@@ -26,7 +26,7 @@ export default { ...@@ -26,7 +26,7 @@ export default {
remote: { remote: {
httpRequest: getArticleList, httpRequest: getArticleList,
params: { params: {
project_ids: ['25634964940156928', '25634688011239424', '6886139536666001408', '62110451281973248', '78616692432879616', '147349767330201600'], project_ids: ['25634964940156928', '25634688011239424', '6886139536666001408', '62110451281973248', '78616692432879616', '147349767330201600', '210777554510323712'],
type_tag: 'article_news_hot' type_tag: 'article_news_hot'
} }
}, },
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论