Skip to content

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

chore: 新增项目站

上级 1f8f5511
隐藏空白字符变更
内嵌 并排
正在显示 包含 887 行增加 和 10293 行删除
.DS_Store
浏览文件 @ ec3a6f41
No preview for this file type
.env
浏览文件 @ ec3a6f41
projectId=1023
projectId=1024
newProjectId=78616692432879616
......
.env.dev
浏览文件 @ ec3a6f41
projectId=1023
projectId=1024
newProjectId=78616692432879616
......
.env.test
浏览文件 @ ec3a6f41
projectId=1023
projectId=1024
newProjectId=78616692432879616
......
components/appFrame.vue
浏览文件 @ ec3a6f41
<template>
<div class="main-page">
<ul class="main-page-nav">
<li v-for="(item, index) in data.slider" :key="index" :class="{ 'is-active': isAcitve(item) }">
<li v-for="(item, index) in menus" :key="index" :class="{ 'is-active': isActive(item) }">
<nuxt-link :to="item.path">{{ item.name }}</nuxt-link>
</li>
</ul>
<div class="main-page-content">
<img v-if="data.banner" :src="data.banner" class="main-page-banner" />
<img :src="banner" class="main-page-banner" v-if="banner" />
<div class="main-content-html">
<slot></slot>
</div>
......@@ -16,11 +16,9 @@
<script>
export default {
name: 'appFrame',
props: {
data: { type: Object }
},
props: { banner: { type: String }, menus: { type: Array } },
methods: {
isAcitve(item) {
isActive(item) {
return this.$route.fullPath.includes(item.path)
}
}
......@@ -97,6 +95,7 @@ export default {
}
.main-page-content {
background-color: #fff;
overflow: hidden;
}
}
</style>
\ No newline at end of file
</style>
components/base/h5/ApplyForm.vue
浏览文件 @ ec3a6f41
......@@ -36,7 +36,7 @@ import * as api from '@/api'
export default {
data() {
return {
ruleForm: { name: '', phone: '', project_id: '1023', channel: localStorage.getItem('channel_num') || 19960 },
ruleForm: { name: '', phone: '', project_id: '1024', channel: localStorage.getItem('channel_num') || 19960 },
projectList: [
{ label: '金融工商管理硕士', value: '1000' },
{ label: '酒店及旅游业工商管理硕士', value: '1008' },
......@@ -45,7 +45,7 @@ export default {
{ label: '教育学硕士', value: '1005' },
{ label: '中国未来金融领袖计划', value: '1007' },
{ label: '1+1 国际硕士', value: '1016' },
{ label: '在线工商管理博士DBA', value: '1023' }
{ label: '在线工商管理博士DBA', value: '1024' }
],
phoneCode: '',
codeButtonDisabled: false,
......
components/base/h5/Menu.vue
浏览文件 @ ec3a6f41
......@@ -14,46 +14,31 @@ export default {
const _this = this
return {
list: [
// 项目介绍
{
name: '项目介绍',
path: '/about/school',
children: [
{ name: '加州浸会大学', path: '/about/school' },
{ name: '最近动态', path: '/news/hot' }
// { name: '师资介绍', path: '/about/teacher' }
]
name: this.$t('menu.project'),
path: '/project'
},
// {
// name: '学校介绍',
// children: [
// { name: '加州浸会大学', path: '/about/school' }
// // { name: '师资介绍', path: '/about/teacher' }
// ]
// },
{
name: '学位获得',
path: '/academic/academic'
name: '学习安排',
path: '/plan'
},
// 学历认证
{
name: '报名流程',
children: [
{ name: '报名流程', path: '/enroll/process' },
{ name: '申请条件', path: '/enroll/apply' }
]
name: this.$t('menu.academic'),
path: '/degree'
},
// 报名流程
{
name: '资料下载',
path: '/dataDownload/dataDownload'
name: '申请指南',
path: '/guides',
children: [
{ name: '申请要求', path: '/guides/requirements' },
{ name: '申请流程', path: '/guides/process' },
{ name: '报名材料', path: '/guides/material' },
{ name: '学费信息', path: '/guides/tuition' }
]
},
// {
// name: '归国政策',
// path: '/returnPolicy/returnPolicy'
// },
// {
// name: '常见问题',
// path: '/question/question'
// },
{
name: '报名申请',
onClick: () => {
......
components/home/Video.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
<template>
<div class="video-wrapper" :class="className">
<div
v-if="!isMobile"
class="content"
@mouseenter="handleMouseEnter"
@mouseleave="showType = ''"
@mousemove="handleMouseEnter"
@click="handleClick"
ref="target"
:style="{ cursor: mouseCursor }"
>
<!-- <ul class="video-list">
<li class="video-item" v-for="(item, index) in list" :key="index">
<div class="video-poster">
<img :src="item.poster" />
<div class="video-play" @click="open(item)" @mouseenter.stop="handleVideoMouseEnter" @mousemove.stop="handleVideoMouseEnter" v-if="isMobile || index === 0"></div>
</div>
<div class="video-content">
<div class="video-title">{{ item.title }}</div>
<div class="video-desc">{{ item.desc }}</div>
</div>
</li>
</ul> -->
<div v-swiper:mySwiper="swiperOption" ref="mySwiper">
<div class="swiper-wrapper">
<div class="swiper-slide" v-for="(item, index) in list" :key="index">
<div class="item-media">
<img :src="item.poster" />
<div
class="video-play"
@click.stop="open(item)"
@mouseenter.stop="handleVideoMouseEnter"
@mousemove.stop="handleVideoMouseEnter"
></div>
</div>
<div class="item-text">
<div class="item-text-tit">{{ item.title }}</div>
<div class="item-text-desc">{{ item.desc }}</div>
</div>
</div>
</div>
<div class="swiper-pagination swiper-pagination-bullets"></div>
</div>
<!-- <div v-if="showType === 'left' && showIndex > 0" class="video-btn video-prev" @click="handlePrev"></div>
<div v-if="showType === 'right' && showIndex < list.length - 1" class="video-btn video-next" @click="handleNext"></div> -->
</div>
<div v-else>
<div v-swiper:mySwiper="swiperOption" ref="mySwiper">
<div class="swiper-wrapper">
<div class="swiper-slide" v-for="(item, index) in list" :key="index">
<div class="item-media">
<img :src="item.poster" />
<div
class="video-play"
@click.stop="open(item)"
@mouseenter.stop="handleVideoMouseEnter"
@mousemove.stop="handleVideoMouseEnter"
></div>
</div>
<div class="item-text">
<div class="item-text-tit">{{ item.title }}</div>
<div class="item-text-desc">{{ item.desc }}</div>
</div>
</div>
</div>
<div class="swiper-pagination swiper-pagination-bullets"></div>
</div>
</div>
<video
v-if="isShow === true"
class="video"
:src="playVideo.src"
controls="controls"
preload="auto"
autoplay="autoplay"
x5-playsinline=""
playsinline
webkit-playsinline="true"
ref="video"
></video>
<div class="overlay" v-if="isShow === true" @click="close"></div>
</div>
</template>
<script>
export default {
data() {
return {
isShow: false,
list: [
{
title: 'CBU校长欢迎致词',
desc: 'Welcome speech from the president of CBU',
src: 'https://webapp-pub.ezijing.com/project/sbu-plus/video7.mp4',
poster:
'https://webapp-pub.ezijing.com/project/sbu-plus/video1.mp4?x-oss-process=video/snapshot,t_35700,f_jpg,m_fast'
},
{
title: '线上项目',
desc: 'CBU Online Programs',
src: 'https://webapp-pub.ezijing.com/project/sbu-plus/video2.mp4',
poster:
'https://webapp-pub.ezijing.com/project/sbu-plus/video2.mp4?x-oss-process=video/snapshot,t_35700,f_jpg,m_fast'
},
{
title: '商学院',
desc: 'School of Business',
src: 'https://webapp-pub.ezijing.com/project/sbu-plus/video3.mp4',
poster:
'https://webapp-pub.ezijing.com/project/sbu-plus/video3.mp4?x-oss-process=video/snapshot,t_27000,f_jpg,m_fast'
},
{
title: '丰富多彩的校园活动',
desc: 'So much to do at CBU',
src: 'https://webapp-pub.ezijing.com/project/sbu-plus/video4.mp4',
poster:
'https://webapp-pub.ezijing.com/project/sbu-plus/video4.mp4?x-oss-process=video/snapshot,t_6000,f_jpg,m_fast'
}
],
// 当前播放的视频
playVideo: {},
showType: '',
showIndex: 0,
mouseCursor: 'pointer',
swiperOption: {
speed: 400,
autoplay: false,
delay: 3000,
loop: false,
height: 500,
slidesPerView: 'auto',
centeredSlides: true
}
}
},
computed: {
isMobile() {
return this.$store.state.isMobile
},
className() {
return {
'is-h5': this.isMobile,
'is-pc': !this.isMobile
}
}
},
methods: {
handleMouseEnter(e) {
const target = this.$refs.target.getBoundingClientRect()
if (e.clientX - target.left < (target.right - target.left) / 2) {
if (this.showIndex > 0) {
this.mouseCursor =
'url(https://www.harvard.edu/wp-content/themes/core/assets/img/theme/featured-stories/arrow-left-dark.svg) 30 30, e-resize'
this.showType = 'left'
} else {
this.mouseCursor = 'default'
this.showType = ''
}
} else {
if (this.showIndex < this.list.length - 1) {
this.mouseCursor =
'url(https://www.harvard.edu/wp-content/themes/core/assets/img/theme/featured-stories/arrow-right-dark.svg) 30 30, e-resize'
this.showType = 'right'
} else {
this.mouseCursor = 'default'
this.showType = ''
}
}
},
handleVideoMouseEnter() {},
handleClick() {
console.log(this.showIndex)
if (this.showType === 'left') {
this.handlePrev()
} else if (this.showType === 'right') {
this.handleNext()
}
},
handlePrev() {
// 末尾的视频放到前面
// const deleteVideo = this.list.splice(this.list.length - 1, 1)
// this.list.unshift(deleteVideo[0])
this.showIndex--
if (this.showIndex <= 0) {
this.mouseCursor = 'default'
this.showType = ''
this.showIndex = 0
}
this.$refs.mySwiper.swiper.slideTo(this.showIndex)
},
handleNext() {
// 第一个视频放到最后
// const deleteVideo = this.list.splice(0, 1)
// this.list = this.list.concat(deleteVideo)
this.showIndex++
if (this.showIndex >= this.list.length - 1) {
this.mouseCursor = 'default'
this.showType = ''
this.showIndex = this.list.length - 1
}
this.$refs.mySwiper.swiper.slideTo(this.showIndex)
},
open(item) {
this.playVideo = item
this.isShow = true
this.$nextTick(() => {
this.$refs.video.play()
})
document.getElementsByTagName('body')[0].style.height = '100%'
document.getElementsByTagName('body')[0].style.overflow = 'hidden'
},
close() {
this.isShow = false
document.getElementsByTagName('body')[0].style.height = ''
document.getElementsByTagName('body')[0].style.overflow = ''
}
}
}
</script>
<style lang="scss" scoped>
.is-pc {
margin-top: 56px;
.video-wrapper {
background: url(https://webapp-pub.ezijing.com/project/cbu-online/video_bg.png?v=1) no-repeat center center;
background-size: cover;
}
.content {
max-width: 1200px;
margin: 0 auto;
position: relative;
padding: 65px 0;
}
.video-list {
display: flex;
flex-wrap: nowrap;
height: 680px;
}
.video-item {
display: flex;
align-items: center;
position: relative;
}
.video-item + .video-item {
opacity: 0.4;
}
.video-poster {
position: relative;
&::after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
background: rgba(0, 0, 0, 0.3);
z-index: 1;
}
}
.video-play {
position: absolute;
top: 50%;
left: 50%;
width: 79px;
height: 79px;
background: url(https://webapp-pub.ezijing.com/project/marywood-plus/icon_play.png) no-repeat center center;
background-size: contain;
transform: translate(-50%, -50%);
cursor: pointer;
z-index: 2;
}
.video-content {
width: 490px;
padding: 20px;
box-sizing: border-box;
}
.video-title {
font-size: 40px;
font-weight: 400;
color: #ffffff;
}
.video-desc {
font-size: 20px;
font-weight: 400;
line-height: 28px;
color: #ffffff;
}
.video-btn {
position: absolute;
left: -40px;
top: 50%;
width: 79px;
height: 79px;
background: url(https://webapp-pub.ezijing.com/project/marywood-plus/icon_play-big-l.png) no-repeat center center;
background-size: contain;
transform: translateY(-50%);
cursor: pointer;
z-index: 10;
}
.video-next {
left: unset;
right: -40px;
background: url(https://webapp-pub.ezijing.com/project/marywood-plus/icon_next.png) no-repeat center center;
}
.overlay {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 1999;
background: rgba(0, 0, 0, 0.5);
}
.video {
width: 80%;
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 10000;
}
.swiper-container {
height: 550px;
// .swiper-wrapper{
// }
.swiper-slide {
width: 1200px !important;
position: relative;
display: flex;
align-items: center;
// margin-left:50px;
.item-media {
width: 770px;
display: block;
// height: 550px;
position: relative;
img {
width: 100%;
height: 100%;
}
.video-play {
position: absolute;
top: 50%;
left: 50%;
width: 79px;
height: 79px;
background: url(https://webapp-pub.ezijing.com/project/marywood-plus/icon_play.png) no-repeat center center;
background-size: contain;
transform: translate(-50%, -50%);
cursor: pointer;
z-index: 2200;
}
}
.item-text {
flex: 1;
color: #fff;
// padding: 0 40px;
margin-left: 10px;
.item-text-tit {
font-size: 36px;
line-height: 60px;
}
.item-text-desc {
font-size: 20px;
}
}
&:after {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
// background: rgba(0, 0, 0, 0.6);
}
&.swiper-slide-active:after {
display: none;
}
}
}
}
.is-h5 {
margin-top: 0.36rem;
.overlay {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 1999;
background: rgba(0, 0, 0, 0.5);
}
.video-list {
display: flex;
padding: 0 0.3rem;
overflow-x: auto;
}
.video-item {
width: 3.25rem;
}
.video-item + .video-item {
margin-left: 0.1rem;
}
.video-poster {
position: relative;
width: 3.25rem;
height: 2.04rem;
img {
width: 100%;
height: 100%;
object-fit: cover;
}
&::after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
background: rgba(0, 0, 0, 0.3);
z-index: 1;
}
}
.video-play {
position: absolute;
top: 50%;
left: 50%;
width: 0.39rem;
height: 0.39rem;
background: url(https://webapp-pub.ezijing.com/project/marywood-plus/icon_play.png) no-repeat center center;
background-size: contain;
transform: translate(-50%, -50%);
cursor: pointer;
z-index: 2;
}
.video-content {
padding: 0.1rem 0;
}
.video-title {
text-align: center;
font-size: 0.12rem;
color: #484848;
}
.video-desc {
text-align: center;
font-size: 0.12rem;
color: #484848;
}
.video {
width: 100%;
position: fixed;
top: 50%;
transform: translateY(-50%);
z-index: 10000;
}
.swiper-container {
// height: 4.5rem;
// .swiper-wrapper{
// }
.swiper-slide {
width: 3.2rem;
position: relative;
padding: 0 0.1rem;
.item-media {
width: 3rem;
position: relative;
img {
width: 100%;
// height: 3rem;
}
.video-play {
position: absolute;
top: 50%;
left: 50%;
width: 79px;
height: 79px;
background: url(https://webapp-pub.ezijing.com/project/marywood-plus/icon_play.png) no-repeat center center;
background-size: contain;
transform: translate(-50%, -50%);
cursor: pointer;
z-index: 2200;
}
&:after {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.7);
}
}
.item-text {
flex: 1;
color: #454545;
padding: 0.1rem 0.2rem 0;
.item-text-tit {
font-size: 0.22rem;
line-height: 0.5rem;
}
.item-text-desc {
font-size: 0.16rem;
}
}
&.swiper-slide-active .item-media:after {
display: none;
}
}
}
}
</style>
components/home/banner.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
<template>
<div class="banner-content" @mouseenter="swiperStop" @mouseleave="swiperStart">
<div v-swiper:mySwiper="swiperOption" ref="mySwiper">
<div class="swiper-wrapper">
<div class="swiper-slide" v-for="(item, index) in listData" :key="index">
<template v-if="item.uri">
<a :href="item.uri" target="_black">
<img :src="item.web_img_uri" />
</a>
</template>
<template v-else>
<img :src="item.web_img_uri" />
</template>
</div>
</div>
</div>
<template v-if="!isMobile">
<div class="prev-button"></div>
<div class="next-button"></div>
</template>
</div>
</template>
<script>
export default {
name: 'banner',
data() {
return {
listData: [],
swiperOption: {
speed: 400,
autoplay: true,
delay: 3000,
observer: true,
observerParent: true,
navigation: {
nextEl: '.next-button',
prevEl: '.prev-button'
},
loop: true
}
}
},
async fetch() {
const params = { project_id: process.env.newProjectId, type_tag: 'ad_banner' }
this.listData = await this.$axios.get('/api/cms/api/v1/advertisements', { params }).then(res => res.data.data)
},
computed: {
swiper() {
return this.$refs.mySwiper.swiper
},
isMobile() {
return this.$store.state.isMobile
}
},
mounted() {},
methods: {
swiperStop() {
this.swiper.autoplay.stop()
},
swiperStart() {
this.swiper.autoplay.start()
}
}
}
</script>
<style lang="scss" scoped>
.banner-content {
position: relative;
width: 100%;
.swiper-wrapper {
width: 100%;
display: flex;
.swiper-slide {
width: 100%;
// float: left;
img {
width: 100%;
display: block;
}
}
}
.prev-button {
position: absolute;
top: 50%;
left: 30px;
width: 20px;
height: 35px;
background: url(https://zws-imgs-pub.ezijing.com/static/public/beb733466e5ab0168b459a55d198b084.png);
background-size: 100% 100%;
z-index: 999;
cursor: pointer;
}
.next-button {
position: absolute;
top: 50%;
right: 30px;
width: 20px;
height: 35px;
background: url(https://zws-imgs-pub.ezijing.com/static/public/e97f45b23a3e5ec4913f0069cc714baf.png);
background-size: 100% 100%;
z-index: 999;
cursor: pointer;
}
}
</style>
\ No newline at end of file
components/home/banners.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
<template>
<div :class="isMobile ? 'is-h5' : 'is-pc'">
<div class="banner-content">
<img class="img" src="https://webapp-pub.ezijing.com/project/cbu-online/banner.png?v=4" />
<div class="banner_navList">
<div class="banner_nav" v-for="(item, index) in navList" :key="index" @click="navClick(item)">
<div class="nav_top">
<img class="nav_img" :src="item.img" v-if="!isMobile" />
<img class="nav_img" :src="item.imgH5" v-else />
</div>
<div class="nav_tit">{{ item.tit }}</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
navList: [
{
img: 'https://webapp-pub.ezijing.com/project/marywood/icon1.png',
imgH5: 'https://webapp-pub.ezijing.com/project/marywood/h5/icon11.png',
tit: '报名申请',
tag: '1'
},
{
img: 'https://webapp-pub.ezijing.com/project/marywood/icon4.png',
imgH5: 'https://webapp-pub.ezijing.com/project/marywood/h5/icon41.png',
tit: '招生简章',
tag: '2'
},
{
img: 'https://webapp-pub.ezijing.com/project/marywood/icon5.png',
imgH5: 'https://webapp-pub.ezijing.com/project/marywood/h5/icon51.png',
tit: '项目介绍',
tag: '3'
},
{
img: 'https://webapp-pub.ezijing.com/project/marywood/icon2.png',
imgH5: 'https://webapp-pub.ezijing.com/project/marywood/h5/icon21.png',
tit: '资料下载',
tag: '4'
}
// {
// img: 'https://webapp-pub.ezijing.com/project/marywood/icon3.png',
// imgH5: 'https://webapp-pub.ezijing.com/project/marywood/h5/icon31.png',
// tit: '常见问题',
// tag: '5'
// }
]
}
},
computed: {
isMobile() {
return this.$store.state.isMobile
}
},
methods: {
navClick(item) {
if (item.tag === '1') {
this.$router.push('/my/account')
} else if (item.tag === '2') {
window.open('https://webapp-pub.ezijing.com/project/cbu-online/%E6%8B%9B%E7%94%9F%E7%AE%80%E7%AB%A0.pdf')
} else if (item.tag === '3') {
this.$router.push('/about/school')
} else if (item.tag === '4') {
this.$router.push('/dataDownload/dataDownload')
} else if (item.tag === '5') {
this.$router.push('/question/question')
}
}
}
}
</script>
<style lang="scss" scoped>
.is-pc {
.banner-content {
position: relative;
width: 100%;
.img {
width: 100%;
height: 100%;
z-index: 1000;
}
.banner_navList {
position: absolute;
bottom: -59px;
left: 50%;
transform: translateX(-50%);
display: flex;
align-items: flex-end;
margin: 0;
padding: 0;
.banner_nav {
width: 239px;
height: 144px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
background-color: #be0927;
// border-right: 1px solid #e64b77;
padding-right: 0;
opacity: 0.71;
.nav_top {
width: 100%;
height: 87px;
display: flex;
justify-content: center;
align-items: center;
border-right: 0.5px solid rgba(255, 255, 255, 0.30196078431372547);
}
.banner_nav:last-child {
border: none;
}
.nav_tit {
width: 100%;
height: 57px;
font-size: 14px;
line-height: 57px;
text-align: center;
color: #fefffe;
padding-bottom: 15px;
border-right: 1px solid #be0927;
font-size: 20px;
}
&:hover {
height: 160px;
background-color: #aa1941;
border-right: 1px solid #be0927;
opacity: 0.78;
}
&:hover .nav_top {
border-right: none;
}
}
}
}
}
.is-h5 {
.banner-content {
position: relative;
width: 100%;
.img {
width: 100%;
height: 100%;
z-index: 1000;
}
.banner_navList {
padding: 0.43rem 0.33rem 0 0.35rem;
display: flex;
justify-content: space-around;
align-items: center;
.banner_nav {
text-align: center;
.nav_top {
.nav_img {
display: block;
width: 0.45rem;
// height: 100%;
margin-right: 0.2rem;
text-align: center;
}
}
.nav_tit {
// width: 100%;
// height: 0.24rem;
// line-height: 0.24rem;
width: 0.48rem;
margin-top: 0.08rem;
font-size: 0.12rem;
text-align: center;
color: #484848;
}
}
}
}
}
</style>
components/home/commonProblem.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
<template>
<div :class="isMobile ? 'is-h5' : 'is-pc'">
<div class="common-content-box">
<card :title="$t('home.problem.title')">
<template #header-aside
><nuxt-link to="/apply/problem">{{ $t('viewMore') }}</nuxt-link></template
>
<div class="content-mian">
<app-link to="/apply/problem">
<div class="list-box">
<ul>
<li v-for="(item, index) in problem.itemLeft" :key="index">
<div class="icon"></div>
<div class="text">{{ item }}</div>
</li>
</ul>
<ul>
<li v-for="(item, index) in problem.itemRight" :key="index">
<div class="icon"></div>
<div class="text">{{ item }}</div>
</li>
</ul>
</div>
</app-link>
<!-- <div class="msg-box">
<el-input type="textarea" placeholder="请输入内容" v-model="textarea"> </el-input>
<div class="btn">在线留言</div>
</div> -->
</div>
</card>
</div>
</div>
</template>
<script>
import Card from '@/components/Card'
import AppLink from '@/components/Link'
export default {
name: 'commonProblem',
components: {
Card,
AppLink
},
data() {
return {
problem: {
itemLeft: [
'本项目毕业生颁发的学位证书与在美国颁发的证书有何不同？',
'本项目上课形式是怎么样？',
'本项目学制多久？',
'能否顺利毕业拿到证书呢？',
'本项目是在职还是全职？'
],
itemRight: [
'如何申请玛丽伍德工商管理硕士(MBA)学位项目？',
'大概流程是什么？',
'需要提交哪些材料？',
'玛丽伍德工商管理硕士(MBA)学位项目的学费是多少？',
'学费可以分期吗？'
]
},
textarea: ''
}
},
computed: {
isMobile() {
return this.$store.state.isMobile
}
}
}
</script>
<style lang="scss" scoped>
.is-pc {
.common-content-box {
width: 1200px;
margin: 0 auto;
padding-top: 77px;
.content-mian {
padding-top: 50px;
.msg-box {
padding-top: 40px;
box-sizing: border-box;
height: 56px;
display: flex;
align-items: center;
justify-content: space-between;
::v-deep {
.el-textarea__inner {
background: none;
resize: none;
}
}
.btn {
width: 136px;
height: 36px;
background: #aa1941;
opacity: 1;
border-radius: 4px;
font-size: 18px;
line-height: 36px;
text-align: center;
color: #ffffff;
margin-left: 57px;
cursor: pointer;
}
}
.list-box {
display: flex;
justify-content: space-between;
ul {
&:nth-child(2) {
margin-left: 8px;
}
li {
display: flex;
align-items: center;
width: 600px;
height: 25px;
margin-bottom: 10px;
cursor: pointer;
&:nth-child(even) {
.text {
background: none;
}
}
.icon {
width: 7px;
height: 7px;
background: #aa1941;
border-radius: 50%;
}
.text {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 14px;
line-height: 25px;
color: #666666;
padding-left: 4px;
width: 570px;
background: rgba(153, 153, 153, 0.2);
margin-left: 15px;
}
}
}
}
}
}
}
.is-h5 {
.common-content-box {
.content-mian {
.msg-box {
padding-top: 0.2rem;
box-sizing: border-box;
::v-deep {
.el-textarea__inner {
background: none;
resize: none;
}
}
input {
height: 0.29rem;
border: 0.01rem solid rgba(153, 153, 153, 0.2);
margin-top: 0.05rem;
outline: none;
width: 100%;
background: none;
padding-left: 0.2rem;
box-sizing: border-box;
font-size: 0.1rem;
color: #999999;
}
.btn {
height: 0.24rem;
background: #aa1941;
font-size: 0.12rem;
text-align: center;
color: #ffffff;
margin-top: 0.1rem;
line-height: 0.24rem;
}
}
.list-box {
ul {
li {
display: flex;
align-items: center;
padding: 0.04rem 0 0.04rem 0;
&:nth-child(even) {
.text {
background: none;
}
}
.icon {
width: 0.04rem;
height: 0.04rem;
background: #aa1941;
border-radius: 50%;
}
.text {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 0.12rem;
color: #666666;
padding-left: 0.02rem;
width: 100%;
background: rgba(153, 153, 153, 0.2);
margin-left: 0.07rem;
}
}
}
}
}
}
}
</style>
components/home/moduleTitle.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
<template>
<div class="title-content">
<div class="left-title">
<div class="line"></div>
<div class="text">{{ data.name }}</div>
</div>
<div v-if="data.more" class="right-text" @click="$router.push({ path: data.more.path, query: data.more.query ? data.more.query : {} })">
{{ $t('viewMore') }}
</div>
</div>
</template>
<script>
export default {
name: 'mTitle',
props: {
data: {
type: Object
}
},
data() {
return {
}
},
methods: {
goPage(item) {
this.$router.push({
path: '/about/news-detail',
query: {
id: item.id
}
})
}
}
}
</script>
<style lang="scss" scoped>
.title-content{
display: flex;
height: 37px;
.left-title{
display: flex;
align-items: center;
.line{
width: 7px;
height: 37px;
background: #AA1941;
}
.text{
font-size: 32px;
font-weight: bold;
line-height: 34px;
color: #333;
margin-left: 20px;
}
}
.right-text{
margin-left: auto;
font-size: 16px;
color: #9B9B9B;
cursor: pointer;
}
}
</style>
\ No newline at end of file
components/home/news.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
<template>
<div :class="isMobile ? 'is-h5' : 'is-pc'" v-if="Object.keys(listData.first).length">
<div class="news-content-box">
<card :title="$t('home.news.title')" v-if="!isMobile">
<template #header-aside
><nuxt-link to="/news/hot">{{ $t('viewMore') }}</nuxt-link></template
>
<div class="content-box" v-if="Object.keys(listData.first).length">
<div class="news-left">
<app-link :data="listData.first" :to="`/news/hot/${listData.first.id}`">
<img :src="listData.first.web_img_uri + '?x-oss-process=image/resize,m_fill,h_520,w_780'" />
<div class="mantle-box">
<div class="tit" v-if="!isMobile">{{ listData.first.title }}</div>
<div class="con-txt">{{ listData.first.abstract }}</div>
</div>
</app-link>
</div>
<ul class="news-right">
<li v-for="(item, index) in listData.list" :key="index">
<app-link :data="item" :to="`/news/hot/${item.id}`">
<div class="time">{{ formatDate(item.start_time) }}</div>
<div class="news-r-title">{{ item.title }}</div>
<div class="del">{{ item.abstract }}</div>
</app-link>
</li>
</ul>
</div>
</card>
<div :title="$t('home.news.title')" v-else>
<div class="banner">
<div class="tit">最新动态</div>
<div class="more">
<nuxt-link to="/news/hot">{{ $t('viewMore') }}</nuxt-link>
</div>
</div>
<div class="content-box" v-if="Object.keys(listData.first).length">
<div class="news-left">
<app-link :data="listData.first" :to="`/news/hot/${listData.first.id}`">
<img :src="listData.first.web_img_uri" />
<div class="mantle-box">
<div class="tit" v-if="!isMobile">{{ listData.first.title }}</div>
<div class="con-txt">{{ listData.first.abstract }}</div>
</div>
</app-link>
</div>
<ul class="news-right">
<li v-for="(item, index) in listData.list" :key="index">
<app-link :data="item" :to="`/news/hot/${item.id}`">
<div class="time">{{ formatDate(item.start_time) }}</div>
<div class="news-r-title">{{ item.title }}</div>
<div class="del">{{ item.abstract }}</div>
</app-link>
</li>
</ul>
</div>
</div>
</div>
</div>
</template>
<script>
import Card from '@/components/Card'
import AppLink from '@/components/Link'
export default {
name: 'news',
components: {
Card,
AppLink
},
async fetch() {
const params = { project_id: process.env.newProjectId, type_tag: 'article_news_hot', page: 1, limit: 4 }
await this.$axios.get('/api/cms/api/v1/articles', { params }).then(res => {
this.data = res.data.data || []
})
},
data() {
return {
data: [],
titleParams: {
name: '最新动态',
more: {
path: '/news/hot'
}
}
}
},
computed: {
listData() {
const [first = {}, ...list] = this.data
return { first, list: list || [] }
},
isMobile() {
return this.$store.state.isMobile
}
},
methods: {
formatDate(value) {
const date = new Date(value * 1000)
console.log(date.getMonth())
return date.getFullYear() + '/' + (date.getMonth() + 1) + '/' + date.getDate()
}
}
}
</script>
<style lang="scss" scoped>
.is-pc {
.news-content-box {
width: 1200px;
margin: 0 auto;
padding-top: 120px;
.content-box {
display: flex;
justify-content: space-between;
padding-top: 26px;
.news-left {
width: 780px;
height: 500px;
position: relative;
img {
width: 100%;
height: 100%;
display: block;
}
.mantle-box {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.2);
padding: 30px 37px;
.tit {
font-size: 24px;
font-weight: bold;
line-height: 100%;
color: #ffffff;
width: 696px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.con-txt {
width: 461px;
font-size: 14px;
line-height: 24px;
color: #ffffff;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
margin-top: 10px;
}
}
}
.news-right {
li {
width: 366px;
border-bottom: 1px solid #e3e3e3;
padding-bottom: 19px;
margin-bottom: 30px;
cursor: pointer;
.time {
font-size: 16px;
font-weight: normal;
line-height: 100%;
color: #8e1e22;
}
.news-r-title {
font-size: 22px;
font-weight: bold;
line-height: 30px;
color: #333333;
margin-top: 15px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.del {
width: 350px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 14px;
line-height: 100%;
color: #999999;
margin-top: 15px;
}
}
}
}
}
}
.is-h5 {
.news-content-box {
padding: 0.2rem 0.3rem 0.2rem 0.3rem;
.banner {
display: flex;
justify-content: space-between;
}
.tit {
font-size: 0.14rem;
font-weight: bold;
line-height: 0.28rem;
color: #424242;
}
.more {
padding-top: 0.1rem;
}
.content-box {
// height: 2.18rem;
position: relative;
img {
width: 100%;
height: 100%;
display: block;
}
.news-left {
position: relative;
}
.mantle-box {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
background: rgba(8, 8, 8, 0.45);
padding-bottom: 0.14rem;
.con-txt {
font-size: 0.12rem;
font-weight: bold;
line-height: 0.17rem;
color: #ffffff;
padding: 0.14rem 0.32rem 0 0.19rem;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
}
}
.news-right {
li {
margin-top: 0.1rem;
padding: 0.13rem 0.14rem 0.11rem 0.12rem;
background: #fff;
.time {
font-size: 0.1rem;
line-height: 100%;
color: #ab0a3d;
}
.news-r-title {
font-size: 0.14rem;
color: #333333;
margin-top: 0.1rem;
line-height: 0.21rem;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.del {
font-size: 0.11rem;
line-height: 0.2rem;
color: #666666;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
}
}
}
}
</style>
components/home/openClass.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
<template>
<div :class="isMobile ? 'is-h5' : 'is-pc'">
<template v-if="!isMobile">
<div class="alumni-content max-width">
<card :title="$t('home.course.title')">
<div class="swiper-content" @mouseenter="swiperStop" @mouseleave="swiperStart">
<div v-swiper:mySwiper="swiperOption" ref="mySwiper">
<div class="swiper-wrapper">
<div class="swiper-slide" v-for="(item, index) in listData" :key="index">
<app-link :data="item" :to="`/news/hot/${item.id}`">
<img :src="item.web_img_uri" />
<div class="text">{{ item.title }}</div>
</app-link>
</div>
</div>
</div>
</div>
</card>
</div>
</template>
<template v-else>
<card :title="$t('home.course.title')">
<van-swipe class="my-swipe" :loop="true" :autoplay="5000" :show-indicators="false">
<template v-for="(item, index) in listData">
<van-swipe-item :key="index">
<div class="case">
<app-link :data="item" :to="`/news/hot/${item.id}`">
<img :src="item.web_img_uri" class="case-pic" />
<p class="case-title">{{ item.title }}</p>
</app-link>
</div>
</van-swipe-item>
</template>
</van-swipe>
</card>
</template>
</div>
</template>
<script>
import Card from '@/components/Card'
import AppLink from '@/components/Link'
export default {
name: 'openClass',
components: {
Card,
AppLink
},
data() {
const _this = this
return {
isScale: false,
listData: [],
swiperOption: {
observer: true,
observeParents: true,
speed: 400,
autoplay: true,
delay: 3000,
loop: true,
slidesPerView: 3,
centeredSlides: true,
spaceBetween: 20,
on: {
init() {
_this.swiper.slideNext()
}
}
}
}
},
async fetch() {
const params = { project_id: process.env.newProjectId, type_tag: 'article_publish_class' }
this.listData = await this.$axios.get('/api/cms/api/v1/articles', { params }).then(res => res.data.data)
},
computed: {
swiper() {
return this.$refs.mySwiper.swiper
},
isMobile() {
return this.$store.state.isMobile
}
},
created() {},
mounted() {},
methods: {
swiperStop() {
this.swiper.autoplay.stop()
},
swiperStart() {
this.swiper.autoplay.start()
}
}
}
</script>
<style lang="scss" scoped>
.is-pc {
.max-width {
width: 1200px;
margin: 0 auto;
}
.alumni-content {
padding-top: 89px;
padding-bottom: 50px;
.title-content {
display: flex;
.left-title {
display: flex;
.line {
width: 6px;
height: 34px;
background: #aa1941;
}
.text {
font-size: 34px;
font-weight: bold;
line-height: 34px;
color: #424242;
margin-left: 9px;
}
}
}
.small-tit {
font-size: 24px;
font-weight: bold;
line-height: 34px;
color: #424242;
margin-top: 12px;
}
.swiper-content {
padding-top: 37px;
// width: 100%;
.swiper-slide {
position: relative;
width: 360px;
height: 230px;
margin-top: 10px;
.text {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 40px;
line-height: 40px;
background: rgba(0, 0, 0, 0.5);
padding: 0 20px;
box-sizing: border-box;
font-size: 20px;
color: #fefefe;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
img {
width: 100%;
height: 100%;
}
}
.swiper-slide-active {
width: 438px;
height: 246px;
margin-top: 0;
}
}
}
}
.is-h5 {
.case {
position: relative;
}
.case-pic {
display: block;
width: 100%;
// height: 1.17rem;
// object-fit: cover;
}
.case-title {
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 0.24rem;
padding: 0 0.1rem;
font-size: 0.1rem;
line-height: 0.24rem;
color: #fff;
background-color: rgba(0, 0, 0, 0.5);
}
}
</style>
components/home/presence.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
<template>
<div :class="isMobile ? 'is-h5' : 'is-pc'">
<div class="presence-content-box">
<card :title="$t('home.presence.title')" class="card-style">
<template #header-aside>
<nuxt-link to="/alumni/sharing">{{ $t('viewMore') }}</nuxt-link>
</template>
</card>
<div class="content-mian">
<van-swipe class="my-swipe" :autoplay="5000" :vertical="true" indicator-color="white">
<template v-for="(item, index) in listData">
<van-swipe-item :key="index">
<app-link :data="item" :to="`/news/hot/${item.id}`">
<img :src="item.web_img_uri" />
</app-link>
</van-swipe-item>
</template>
</van-swipe>
<div class="form-box">
<div class="title-box">
<div class="bt" v-html="$t('home.presence.tips1')"></div>
<div class="tips">{{ $t('home.presence.tips2') }}</div>
</div>
<div class="form">
<div class="li">
<el-select v-model="form.years" :placeholder="$t('home.presence.yearsholder')">
<el-option v-for="item in yearsOptions" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</div>
<div class="li">
<el-select v-model="form.degree" :placeholder="$t('home.presence.degreeholder')">
<el-option v-for="item in degreeOptions" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</div>
<div class="li">
<el-input v-model="form.name" :placeholder="$t('home.presence.nameholder')"></el-input>
</div>
<div class="li">
<el-input v-model="form.phone" :placeholder="$t('home.presence.phoneholder')"></el-input>
</div>
<div class="btn" @click="submit">{{ $t('home.presence.formBtn') }}</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
import Card from '@/components/Card'
import AppLink from '@/components/Link'
import { postNes } from '@/api'
export default {
name: 'presence',
components: {
Card,
AppLink
},
data() {
return {
yearsOptions: [
{
value: '0~2',
label: '0-2年'
},
{
value: '3~5',
label: '3-5年'
},
{
value: '5~10',
label: '5-10年'
},
{
value: '10+',
label: '10年及以上'
}
],
degreeOptions: [
{
value: '2',
label: '普通本科'
},
{
value: '3',
label: '本科/学士'
},
{
value: '5',
label: '硕士'
},
{
value: '7',
label: '博士'
}
],
form: {
years: '',
degree: '',
name: '',
phone: '',
project_id: process.env.projectId,
channel: 19960
},
value: '',
titleParams: {
name: this.$t('home.presence.title'),
more: {
path: '/alumni/sharing'
}
},
listData: []
}
},
async fetch() {
const params = { project_id: process.env.newProjectId, type_tag: 'kelley_alumni_share', limit: 1 }
this.listData = await this.$axios.get('/api/cms/api/v1/articles', { params }).then(res => res.data.data)
},
computed: {
swiper() {
return this.$refs.mySwiper.swiper
},
isMobile() {
return this.$store.state.isMobile
}
},
mounted() {},
methods: {
submit() {
const findNull = Object.values(this.form).findIndex(item => {
return item === ''
})
if (findNull !== -1) {
this.$message('请完善信息')
return
} else {
const MOBILE_REG = /^1(3[0-9]|4[01456879]|5[0-35-9]|6[2567]|7[0-8]|8[0-9]|9[0-35-9])\d{8}$/
if (!MOBILE_REG.test(this.form.phone)) {
this.$message('手机号格式错误')
return
}
}
postNes(this.form)
.then(res => {
if (res && res.status === 200) {
this.$message({
type: 'success',
message: '提交成功'
})
} else {
this.$message.error('提交失败')
}
})
.catch(() => {})
},
swiperStop() {
this.swiper.autoplay.stop()
},
swiperStart() {
this.swiper.autoplay.start()
}
}
}
</script>
<style lang="scss" scoped>
.is-pc {
.card-style {
width: 1200px;
margin: 0 auto;
}
.presence-content-box {
padding-top: 80px;
.m-title {
width: 1200px;
margin: 0 auto;
}
.content-mian {
padding-top: 24px;
.my-swipe {
// height: 500px;
img {
width: 100%;
height: 100%;
display: block;
}
}
.form-box {
width: 1200px;
height: 540px;
margin: 80px auto 0;
background: url(https://webapp-pub.ezijing.com/project/kelley/home-ssfc-bg.png);
background-size: 100% 100%;
display: flex;
justify-content: space-between;
.title-box {
width: 592px;
height: 223px;
background: rgba(170, 25, 65, 0.63);
box-shadow: 0px 0px 122px rgba(0, 0, 0, 0.07);
margin-top: 127px;
.bt {
font-size: 48px;
font-weight: bold;
line-height: 58px;
color: #ffffff;
text-align: center;
margin-top: 30px;
}
.tips {
font-size: 14px;
line-height: 100%;
color: #ffffff;
margin-top: 30px;
text-align: center;
}
}
.form {
width: 401px;
height: 382px;
background: #ffffff;
margin-top: 54px;
box-sizing: border-box;
padding: 63px 56px 56px 64px;
margin-right: 116px;
::v-deep {
.el-select {
width: 100%;
}
}
.li {
margin-bottom: 20px;
}
.btn {
font-size: 18px;
line-height: 32px;
color: #ffffff;
width: 281px;
background: #aa1941;
border-radius: 4px;
text-align: center;
cursor: pointer;
}
}
}
}
}
}
.is-h5 {
.card-width {
width: 100%;
margin: 0;
::v-deep {
.card-hd {
margin: 0.2rem 0.15rem;
}
}
}
.presence-content-box {
.my-swipe {
// height: 1.58rem;
img {
width: 100%;
height: 100%;
display: block;
}
}
.form-box {
background: url(https://webapp-pub.ezijing.com/project/kelley-h5/home-presen-bg-new1.png) center;
background-size: cover;
padding-top: 0.18rem;
box-sizing: border-box;
margin-top: 0.27rem;
padding-bottom: 0.05rem;
.title-box {
width: 3.75rem;
height: 1.2rem;
background: rgba(170, 25, 65, 0.63);
box-shadow: 0rem 0rem 1rem rgba(0, 0, 0, 0.07);
.bt {
text-align: center;
font-size: 0.26rem;
// font-weight: bold;
line-height: 0.31rem;
color: #ffffff;
text-align: center;
padding-top: 0.16rem;
}
.tips {
font-size: 0.1rem;
line-height: 0.12rem;
color: #ffffff;
text-align: center;
padding-top: 0.1rem;
}
}
.form {
width: 2.7rem;
background: #ffffff;
margin: 0.2rem auto;
padding: 0.25rem 0.2rem;
box-sizing: border-box;
.li {
margin-bottom: 0.2rem;
}
::v-deep {
.el-select {
width: 100%;
height: 100%;
}
}
.btn {
font-size: 0.12rem;
line-height: 0.26rem;
color: #ffffff;
background: #aa1941;
border-radius: 0.02rem;
text-align: center;
cursor: pointer;
}
}
}
}
}
</style>
components/home/projectFeatures.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
<template>
<div class="service-content max-width-center">
<div :class="isMobile ? 'is-h5' : 'is-pc'">
<card :title="$t('home.project.title')" v-if="!isMobile">
<!-- <ul class="nav-content">
<li v-for="(item, index) in data" :key="index">
<img :src="item.icon" class="icon" />
<img v-if="!isMobile" :src="item.iconActive" class="icon-active" />
<div class="text" v-html="item.text"></div>
</li>
</ul> -->
<!-- <div class="swiperOptions" @mouseenter="swiperStop" @mouseleave="swiperStart">
<div v-swiper:mySwiper="swiperOption" ref="mySwiper">
<div class="swiper-wrapper">
<div class="swiper-slide" v-for="(item, index) in listData" :key="index">
<div class="item_media">
<img :src="item.web_img_uri" />
</div>
<div class="item_desc">
<div class="item_desc_tit">{{ item.item_desc_tit }}</div>
<div class="item_desc_con">{{ item.item_desc_con }}</div>
</div>
</div>
</div>
<div class="prev-button" v-if="!isMobile"></div>
<div class="next-button" v-if="!isMobile"></div>
</div>
</div> -->
<div class="card-list">
<div class="card-item" v-for="(item, index) in listData" :key="index">
<div class="item_media">
<img :src="item.web_img_uri" />
</div>
<div class="item_desc">
<div class="item_desc_tit">{{ item.item_desc_tit }}</div>
<div class="item_desc_con" v-html="item.item_desc_con"></div>
</div>
</div>
</div>
</card>
<div v-else>
<div class="tit" v-if="isMobile">项目价值</div>
<!-- <div class="swiperOptions" @mouseenter="swiperStop" @mouseleave="swiperStart">
<div v-swiper:mySwiper="swiperOption" ref="mySwiper">
<div class="swiper-wrapper">
<div class="swiper-slide" v-for="(item, index) in listData" :key="index">
<img :src="item.web_img_uri" />
<div class="item_desc">
<div class="item_desc_tit">{{ item.item_desc_tit }}</div>
<div class="item_desc_con">{{ item.item_desc_con }}</div>
</div>
</div>
</div>
<div class="prev-button" v-if="!isMobile"></div>
<div class="next-button" v-if="!isMobile"></div>
</div>
</div> -->
<div class="card-list-outer">
<div class="card-list">
<div class="card-item" v-for="(item, index) in listData" :key="index">
<div class="item_media">
<img :src="item.web_img_uri" />
</div>
<div class="item_desc">
<div class="item_desc_tit">{{ item.item_desc_tit }}</div>
<div class="item_desc_con" v-html="item.item_desc_con"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
import Card from '@/components/Card'
import AppLink from '@/components/Link'
export default {
name: 'projectFeatures',
components: {
AppLink,
Card
},
data() {
return {
listData: [
{
web_img_uri: 'https://webapp-pub.ezijing.com/project/cbu-online/pc-index-project-intro-01.png?v=4',
item_desc_tit: '学术领先',
item_desc_con: '工商管理学位项目加州排名TOP3<br/>ACBSP认证商学院'
},
{
web_img_uri: 'https://webapp-pub.ezijing.com/project/cbu-online/pc-index-project-intro-02.png?v=4',
item_desc_tit: '全球视野',
item_desc_con: '全球视野的课程设计<br/>国际和国内一流师资<br/>全球深度访学'
},
{
web_img_uri: 'https://webapp-pub.ezijing.com/project/cbu-online/pc-index-project-intro-03.png?v=4',
item_desc_tit: '学者思维',
item_desc_con: '深度研究问题的严谨思维训练<br/>理论与实践的循环论证'
},
{
web_img_uri: 'https://webapp-pub.ezijing.com/project/cbu-online/pc-index-project-intro-04.png?v=4',
item_desc_tit: '学术成就',
item_desc_con: '成为某个方向和领域最权威的专家学者<br/>获得加州浸会大学工商管理博士学位'
},
{
web_img_uri: 'https://webapp-pub.ezijing.com/project/cbu-online/pc-index-project-intro-05.png?v=4',
item_desc_tit: '创新实践',
item_desc_con:
'硅谷最前沿的管理思想和创新实践分享<br/>中国发展中面临的最实际问题研究<br/>数字经济和数字化管理专题研究实践'
},
{
web_img_uri: 'https://webapp-pub.ezijing.com/project/cbu-online/pc-index-project-intro-06.png?v=4',
item_desc_tit: '共同发展',
item_desc_con: '全球最新产业发展趋势与中国产业政策分享与研究<br/>全球校友网络助力共同发展'
}
],
swiperOption: {
observer: true,
observeParents: true,
speed: 400,
autoplay: true,
delay: 3000,
loop: true,
slidesPerView: 'auto',
centeredSlides: true,
spaceBetween: 20,
navigation: {
nextEl: '.next-button',
prevEl: '.prev-button'
}
},
titleParams: {
name: this.$t('home.project.title')
},
data: [
{
icon: 'https://webapp-pub.ezijing.com/project/marywood/img12.png',
iconActive: 'https://webapp-pub.ezijing.com/project/marywood/img11.png',
text: this.$store.state.isMobile ? this.$t('home.project.h5.itemT5') : this.$t('home.project.pc.itemT5')
},
{
icon: 'https://webapp-pub.ezijing.com/project/marywood/img22.png',
iconActive: 'https://webapp-pub.ezijing.com/project/marywood/img21.png',
text: this.$store.state.isMobile ? this.$t('home.project.h5.itemT6') : this.$t('home.project.pc.itemT6')
},
{
icon: 'https://webapp-pub.ezijing.com/project/marywood/img32.png',
iconActive: 'https://webapp-pub.ezijing.com/project/marywood/img31.png',
text: this.$store.state.isMobile ? this.$t('home.project.h5.itemT7') : this.$t('home.project.pc.itemT7')
},
{
icon: 'https://webapp-pub.ezijing.com/project/marywood/img42.png',
iconActive: 'https://webapp-pub.ezijing.com/project/marywood/img411.png',
text: this.$store.state.isMobile ? this.$t('home.project.h5.itemT8') : this.$t('home.project.pc.itemT8')
},
{
icon: 'https://webapp-pub.ezijing.com/project/marywood/img52.png',
iconActive: 'https://webapp-pub.ezijing.com/project/marywood/img51.png',
text: this.$store.state.isMobile ? this.$t('home.project.h5.itemT9') : this.$t('home.project.pc.itemT9')
}
]
}
},
methods: {
goPage(path) {
if (path === '') {
// this.$message('暂未开通，尽请期待。')
return
}
window.open(path)
}
},
mounted() {
// console.log(this.isMobile)
},
computed: {
isMobile() {
return this.$store.state.isMobile
},
swiper() {
return this.$refs.mySwiper.swiper
}
},
methods: {
swiperStop() {
this.swiper.autoplay.stop()
},
swiperStart() {
this.swiper.autoplay.start()
}
}
}
</script>
<style lang="scss" scoped>
.is-pc {
.swiperOptions {
width: 1200px;
position: relative;
margin-top: 17px;
.swiper-wrapper {
width: 100%;
display: flex;
.swiper-slide {
width: 250px;
height: 569px;
overflow: hidden;
position: relative;
.item_media {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
img {
transition: 0.3s;
width: 100%;
height: 100%;
}
&:after {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.7);
}
}
.item_desc {
position: absolute;
left: 0;
top: 0;
width: 250px;
height: 349px;
// background-color: #ededed;
opacity: 1;
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-direction: column;
padding: 34px 37px 53px 33px;
// transform-origin: bottom;
transform: translateY(450px);
transition: 0.3s;
.item_desc_tit {
font-size: 20px;
font-weight: 400;
color: #fff;
margin-top: 34px;
}
.item_desc_con {
font-size: 16px;
font-weight: 300;
color: #fff;
margin-top: 34px;
line-height: 32px;
}
}
}
.swiper-slide:hover {
.item_media {
img {
transform: scale(1.1);
}
}
.item_desc {
// background-color: #fff;
transform: translateY(160px);
.item_desc_tit {
border-bottom: 1px solid #f3f4f4;
}
}
}
}
}
.card-list {
width: 1200px;
position: relative;
margin-top: 17px;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
.card-item {
width: 380px;
height: 380px;
margin-bottom: 20px;
overflow: hidden;
position: relative;
.item_media {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
img {
transition: 0.3s;
width: 100%;
height: 100%;
}
&:after {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.6);
}
}
.item_desc {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
padding: 28px;
opacity: 1;
display: flex;
flex-direction: column;
align-items: flex-start;
.item_desc_tit {
font-size: 21px;
font-weight: 600;
color: #fff;
line-height: 36px;
text-align: left;
transform: translateY(150px);
transition: 0.3s;
white-space: nowrap;
}
.item_desc_con {
font-size: 16px;
font-weight: 400;
color: #fff;
margin-top: 34px;
line-height: 32px;
transform: translateY(290px);
transition: 0.3s;
}
}
}
// .card-item:hover {
.card-item {
.item_media {
img {
transform: scale(1.1);
}
}
.item_desc {
.item_desc_tit {
border-bottom: 1px solid #f3f4f4;
transform: translateY(110px);
}
.item_desc_con {
transform: translateY(80px);
}
}
}
}
.service-content {
padding-top: 64px;
.nav-content {
display: flex;
justify-content: flex-start;
padding-top: 15px;
li {
width: 224px;
height: 230px;
padding-top: 53px;
margin-right: 20px;
box-sizing: border-box;
background: #f9f8f8;
// background: #fff;
// box-shadow: 0px 4px 38px rgba(142, 30, 34, 0.41);
cursor: pointer;
transition: all 0.3s;
img {
width: 80px;
height: 80px;
display: block;
margin: 0 auto;
}
.icon-active {
display: none;
}
&:hover {
background: #aa1941;
box-shadow: 0px 4px 20px rgba(142, 30, 34, 0.41);
.text {
color: #fff;
}
.icon {
display: none;
}
.icon-active {
display: block;
}
}
.text {
font-size: 18px;
color: #666666;
margin-top: 20px;
text-align: center;
font-weight: 400;
}
}
}
}
.max-width-center {
width: 1212px;
margin: 34px auto;
}
}
.is-h5 {
.tit {
font-size: 0.14rem;
font-weight: bold;
line-height: 0.28rem;
color: #424242;
}
.swiperOptions {
position: relative;
margin-top: 0.08rem;
.swiper-wrapper {
width: 100%;
display: flex;
.swiper-slide {
width: 1.93rem;
height: 4rem;
img {
width: 1.93rem;
}
.item_desc {
width: 1.93rem;
height: 2.73rem;
background-color: #ededed;
opacity: 1;
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-direction: column;
padding: 0.17rem 0.18rem 0 0.17rem;
.item_desc_tit {
font-size: 0.1rem;
font-weight: 400;
color: #333333;
white-space: nowrap;
margin-top: 0.17rem;
}
.item_desc_con {
font-size: 0.08rem;
font-weight: 300;
color: #666666;
margin-top: 0.17rem;
line-height: 0.16rem;
}
}
.item_desc:hover {
background-color: #fff;
.item_desc_tit {
border-bottom: 1px solid #434343;
}
}
}
}
}
.card-list-outer {
overflow-x: auto;
}
.card-list {
width: 12.6rem;
position: relative;
margin-top: 17px;
display: flex;
justify-content: space-around;
.card-item {
width: 2rem;
height: 2.75rem;
overflow: hidden;
position: relative;
float: left;
.item_media {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
img {
transition: 0.3s;
width: 100%;
height: 100%;
}
&:after {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.6);
}
}
.item_desc {
position: absolute;
left: 0;
top: 0.6rem;
width: 100%;
height: 2rem;
// background-color: #ededed;
opacity: 1;
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-direction: column;
padding: 0.1rem 0.1rem 0.4rem;
// transform-origin: bottom;
.item_desc_tit {
font-size: 0.16rem;
font-weight: 500;
color: #fff;
line-height: 0.3rem;
width: 100%;
text-align: center;
}
.item_desc_con {
font-size: 0.12rem;
font-weight: 400;
color: #fff;
margin-top: 0.2rem;
line-height: 0.24rem;
text-align: justify;
}
}
}
}
.service-content {
padding-left: 0.32rem;
padding-right: 0.32rem;
.tit {
font-size: 0.14rem;
font-weight: bold;
line-height: 0.28rem;
color: #424242;
}
ul {
display: flex;
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
}
li {
min-width: 1.15rem;
background: #ffffff;
margin-right: 0.1rem;
padding-top: 0.11rem;
img {
width: 0.4rem;
height: 0.4rem;
display: block;
margin: 0 auto;
}
.text {
font-size: 0.1rem;
line-height: 0.16rem;
color: #666666;
padding-top: 0.05rem;
text-align: center;
padding-bottom: 0.1rem;
}
}
}
}
</style>
components/home/projectPosition.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
<template>
<div :class="isMobile ? 'is-h5' : 'is-pc'">
<div class="service-content max-width-center">
<card title="项目简介" v-if="!isMobile">
<div class="desc">
<p>
加州浸会大学在线工商管理博士DBA项目是经过美国教育监管机构WASC、BPPE、DOE等批准的正规博士项目。该项目强调课程学习与论文写作结合，以培养将管理实践和理论研究深度融合的商业领袖和学者为目标。清控紫荆教育是加州浸会大学工商管理博士项目中国唯一合作伙伴，双方共同致力于为学生提供高质量的学习体验和服务，以更好地融合中国实践。
</p>
</div>
</card>
<div v-else>
<div class="tit">项目简介</div>
<div class="desc">
<p>
加州浸会大学在线工商管理博士DBA项目是经过美国教育监管机构WASC、BPPE、DOE等批准的正规博士项目。该项目强调课程学习与论文写作结合，以培养将管理实践和理论研究深度融合的商业领袖和学者为目标。清控紫荆教育是加州浸会大学工商管理博士项目中国唯一合作伙伴，双方共同致力于为学生提供高质量的学习体验和服务，以更好地融合中国实践。
</p>
</div>
</div>
</div>
</div>
</template>
<script>
import Card from '@/components/Card'
import AppLink from '@/components/Link'
export default {
name: 'projectFeatures',
components: {
AppLink,
Card
},
data() {
return {
titleParams: {
name: this.$t('home.project.title')
}
// data: [
// {
// icon: 'https://webapp-pub.ezijing.com/project/marywood/img12.png',
// iconActive: 'https://webapp-pub.ezijing.com/project/marywood/img11.png',
// text: this.$store.state.isMobile ? this.$t('home.project.h5.itemT1') : this.$t('home.project.pc.itemT5')
// },
// {
// icon: 'https://webapp-pub.ezijing.com/project/marywood/img22.png',
// iconActive: 'https://webapp-pub.ezijing.com/project/marywood/img21.png',
// text: this.$store.state.isMobile ? this.$t('home.project.h5.itemT1') : this.$t('home.project.pc.itemT6')
// },
// {
// icon: 'https://webapp-pub.ezijing.com/project/marywood/img32.png',
// iconActive: 'https://webapp-pub.ezijing.com/project/marywood/img31.png',
// text: this.$store.state.isMobile ? this.$t('home.project.h5.itemT1') : this.$t('home.project.pc.itemT7')
// },
// {
// icon: 'https://webapp-pub.ezijing.com/project/marywood/img42.png',
// iconActive: 'https://webapp-pub.ezijing.com/project/marywood/img411.png',
// text: this.$store.state.isMobile ? this.$t('home.project.h5.itemT2') : this.$t('home.project.pc.itemT8')
// },
// {
// icon: 'https://webapp-pub.ezijing.com/project/marywood/img52.png',
// iconActive: 'https://webapp-pub.ezijing.com/project/marywood/img51.png',
// text: this.$store.state.isMobile ? this.$t('home.project.h5.itemT3') : this.$t('home.project.pc.itemT9')
// }
// ]
}
},
computed: {
isMobile() {
return this.$store.state.isMobile
}
},
methods: {
goPage(path) {
if (path === '') {
// this.$message('暂未开通，尽请期待。')
return
}
window.open(path)
}
},
mounted() {
console.log(this.isMobile)
},
computed: {
isMobile() {
return this.$store.state.isMobile
}
}
}
</script>
<style lang="scss" scoped>
.is-pc {
.max-width-center {
width: 1212px;
margin: 0 auto;
padding-top: 168px;
.desc {
padding: 28px 30px 0 30px;
p {
text-align: justify;
padding-top: 20px;
font-size: 20px;
line-height: 30px;
font-weight: 400;
color: #666666;
}
}
}
}
.is-h5 {
.max-width-center {
// margin: 0.39rem auto;
padding: 0.2rem 0.3rem 0.2rem 0.3rem;
}
.tit {
font-size: 0.14rem;
font-weight: bold;
line-height: 0.28rem;
color: #424242;
}
.desc {
text-align: justify;
white-space: pre-line;
font-size: 0.12rem;
font-weight: 400;
line-height: 0.2rem;
color: #666666;
}
}
</style>
components/home/schoolRanking.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
<template>
<div>
<img class="info" v-if="isMobile" src="https://webapp-pub.ezijing.com/project/marywood/rzxx-mary.png" />
<div v-else class="info-content-box">
<div class="title">
<div class="line"></div>
<div class="name">认证信息</div>
<div class="line"></div>
</div>
<ul class="content-mian">
<li v-for="(item, index) in data" :key="index">
<div class="logo">
<img :src="item.img" class="img" />
</div>
<img :src="item.text" class="text" />
</li>
</ul>
</div>
</div>
</template>
<script>
export default {
name: 'schoolRanking',
data() {
return {
data: [
{
img: 'https://webapp-pub.ezijing.com/project/marywood/mary_info_i1.png',
text: 'https://webapp-pub.ezijing.com/project/marywood/mary_info_t1.png'
},
{
img: 'https://webapp-pub.ezijing.com/project/marywood/mary_info_i2.png',
text: 'https://webapp-pub.ezijing.com/project/marywood/mary_info_t2.png'
},
{
img: 'https://webapp-pub.ezijing.com/project/marywood/mary_info_i3.png',
text: 'https://webapp-pub.ezijing.com/project/marywood/mary_info_t3.png'
},
{
img: 'https://webapp-pub.ezijing.com/project/marywood/mary_info_i4.png',
text: 'https://webapp-pub.ezijing.com/project/marywood/mary_info_t4.png'
},
{
img: 'https://webapp-pub.ezijing.com/project/marywood/mary_info_i5.png',
text: 'https://webapp-pub.ezijing.com/project/marywood/mary_info_t5.png'
}
]
}
},
computed: {
isMobile() {
return this.$store.state.isMobile
}
}
}
</script>
<style lang="scss" scoped>
.info {
width: 100%;
display: block;
}
.info-content-box {
min-width: 1200px;
padding-bottom: 150px;
margin-top: 100px;
width: 100%;
background: rgb(163, 0, 22);
.title {
width: 996px;
display: flex;
margin: 0 auto;
justify-content: space-between;
align-items: center;
padding: 118px 0 119px;
.line {
width: 369px;
height: 1px;
background: #ffffff;
}
.name {
font-size: 36px;
font-weight: bold;
line-height: 100%;
color: #ffffff;
}
}
.content-mian {
width: 1014px;
margin: 0 auto;
display: flex;
li {
width: 190px;
height: 229px;
background: #fff;
border-radius: 20px;
margin-left: 16px;
&:nth-child(1) {
margin-left: 0;
}
&:nth-child(1) {
.img {
width: 81px;
height: 66px;
}
.text {
width: 148px;
height: 69px;
}
}
&:nth-child(2) {
.img {
width: 152px;
height: 61px;
}
.text {
width: 184px;
height: 69px;
}
}
&:nth-child(3) {
.img {
width: 79px;
height: 82px;
}
.text {
width: 172px;
height: 65px;
}
}
&:nth-child(4) {
.img {
width: 72px;
height: 91px;
}
.text {
width: 166px;
height: 69px;
}
}
&:nth-child(5) {
.img {
width: 84px;
height: 84px;
}
.text {
width: 134px;
height: 67px;
}
}
.logo {
height: 91px;
display: flex;
align-items: center;
justify-content: center;
padding-top: 22px;
margin-bottom: 27px;
.img {
display: block;
}
}
.text {
display: block;
margin: 0 auto;
}
}
}
}
</style>
components/home/schoolSenery.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
<template>
<div :class="isMobile ? 'is-h5' : 'is-pc'">
<div class="main-content">
<div class="tit" v-if="isMobile">合作院校</div>
<img class="img1" src="https://webapp-pub.ezijing.com/project/marywood/marwood_senery11.png" />
<div class="title" v-if="!isMobile">
<div class="line1"></div>
<div class="name">合作院校</div>
<div class="line2"></div>
</div>
<img
class="part"
src="https://webapp-pub.ezijing.com/project/marywood/marwood_senery3.png"
@click="$router.push('/about/school')"
/>
</div>
</div>
</template>
<script>
export default {
computed: {
isMobile() {
return this.$store.state.isMobile
}
}
}
</script>
<style lang="scss" scoped>
.is-pc {
.main-content {
margin-top: 65px;
position: relative;
width: 100%;
.img1 {
width: 100%;
height: 100%;
}
.title {
font-size: 36px;
font-weight: bold;
line-height: 65px;
color: #ffffff;
position: absolute;
top: 108px;
left: 50%;
transform: translateX(-50%);
display: flex;
justify-content: center;
.line1 {
width: 369px;
height: 1px;
border: 1px solid #ffffff;
}
.name {
width: 144px;
margin-top: -25px;
margin-left: 72px;
margin-right: 72px;
}
.line2 {
width: 369px;
height: 1px;
border: 1px solid #ffffff;
}
}
.part {
position: absolute;
bottom: 96px;
left: 50%;
transform: translateX(-50%);
}
}
}
.is-h5 {
.main-content {
position: relative;
padding: 0 0.3rem 0 0.3rem;
.tit {
font-size: 0.14rem;
font-weight: bold;
line-height: 0.28rem;
color: #424242;
}
.img1 {
width: 100%;
height: 100%;
margin-top: 0.01rem;
}
}
.part {
width: 1rem;
height: 0.6rem;
position: absolute;
top: 55%;
left: 50%;
transform: translateX(-50%);
}
}
</style>
components/layout/h5/Footer.vue
浏览文件 @ ec3a6f41
<template>
<footer class="main-footer">
<div class="top">
<div class="link">
<div class="link-left link-con">
<div class="tit"><a href="/about/school">项目介绍</a></div>
<!-- <div class="tit"><a href="/question/question">常见问题</a></div> -->
<!-- <div class="tit"><a href="/">工商管理博士DBA</a></div> -->
<!-- <div class="tit"><a href="https://h5.ezijing.com" target="_blank">清控紫荆教育</a></div> -->
</div>
<div class="line"></div>
<div class="link-center link-con">
<div class="tit"><a href="/enroll/apply">申请条件</a></div>
<!-- <div class="tit"><a href="/about/school">院校介绍</a></div> -->
</div>
<div class="line"></div>
<div class="link-right link-con">
<div class="tit"><a href="/my/account">报名系统</a></div>
<!-- <div class="tit"><a href="/dataDownload/dataDownload">资料下载</a></div>
<div class="tit"><a href="/returnPolicy/returnPolicy">归国政策</a></div> -->
</div>
</div>
<div class="about">
<div class="about-item">
<label>地&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;址：</label>
<p>北京市海淀区中关村东路1号院清华科技园7号楼威盛大厦5层</p>
</div>
<div class="about-item">
<label>联系电话：</label>
<p>010-62799910</p>
</div>
<div class="about-item">
<label>邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箱：</label>
<p><a href="mailto:admission_CBU@ezijing.com">admission_CBU@ezijing.com</a></p>
</div>
</div>
<!-- <div class="link">
<template v-for="(item, index) in link">
<a :href="item.href" :key="index" target="_blank">{{ item.title }}</a>
</template>
<div class="foot-main">
<div class="logo-title">
<img src="https://webapp-pub.ezijing.com/project/cbu-enterprise/logo.png" width="40px" />
<h1>亦学创新国际教育中心</h1>
</div>
<div class="bottom">
<div class="bottom-item">
<h3>支持单位</h3>
<p>
<a href="https://www.ezijing.com/" target="_blank">紫荆教育</a>
</p>
<p>
<a href="https://www.ezijing.com/" target="_blank">学说平台</a>
</p>
</div>
<div class="friendlink">
友情链接：
<template v-for="(item, index) in link2">
<a :href="item.href" :key="index" target="_blank">{{ item.title }}</a>
</template>
<div class="bottom-item">
<h3>联系我们</h3>
<p>陈老师 13552772025（微信同号）</p>
<p>高老师 13241800875（微信同号）</p>
</div>
</div>
<div class="copyright">
<p>Copyright @ 2017 Zijing Education. All rights reserved.</p>
<p>京ICP证150431号 <img src="~/assets/images/icon_jinghui.png" height="12" />京公网安备 11010802023681号</p>
<p>清控紫荆（北京）教育科技股份有限公司</p> -->
</div>
</footer>
</div>
</template>
<script>
export default {
data() {
return {
link: [
{ title: this.$t('foot.link1'), href: 'http://www.pbc.gov.cn/' },
{ title: this.$t('foot.link2'), href: 'http://www.pbc.gov.cn/' },
{ title: this.$t('foot.link3'), href: 'http://www.marywood.edu/business/graduate/zijing-marywood-mba.html' },
{ title: this.$t('foot.link4'), href: 'https://www.msche.org/institution/0531/' },
{ title: this.$t('foot.link5'), href: 'https://www.ezijing.com/' }
],
link2: [
{ title: '中国人民银行', href: 'http://www.pbc.gov.cn/' },
{ title: '中国涉外监管网', href: 'http://jsj.moe.gov.cn/' },
{ title: '中国银行协会', href: 'https://www.china-cba.net/' },
{ title: '中国证券投资基金业协会', href: 'https://www.amac.org.cn/' }
]
}
}
}
export default {}
</script>
<style lang="scss">
.main-footer {
.top {
color: #fff;
background-color: #aa1941;
padding: 0.24rem 0.15rem;
.link {
display: flex;
justify-content: space-around;
align-items: flex-start;
.line {
width: 0px;
height: 0.16rem;
border-right: 0.005rem solid #cc9d9d;
margin-top: 0.05rem;
opacity: 0.5;
}
.link-con {
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-direction: column;
flex-wrap: nowrap;
.tit {
font-size: 0.11rem;
line-height: 0.2rem;
font-weight: 300;
color: #ededed;
a {
letter-spacing: 0;
}
}
<style lang="scss" scoped>
.foot-main {
padding: 30px 20px;
background: rgba(170, 25, 65, 1);
.bottom {
margin-top: 42px;
display: flex;
.bottom-item {
flex: 1;
color: #fff;
h3 {
margin-bottom: 20px;
}
}
.about {
padding: 0.24rem 0.15rem;
font-size: 0.11rem;
font-weight: 300;
color: #ffffff;
.about-item {
display: flex;
margin-bottom: 0.06rem;
p {
white-space: nowrap;
opacity: 0.7;
color: #ededed;
font-size: 14px;
line-height: 30px;
}
}
}
}
.logo-title {
display: flex;
align-items: center;
height: 50px;
h1 {
margin-left: 14px;
padding: 0 14px;
font-size: 20px;
color: #fff;
line-height: 26px;
font-weight: 400;
letter-spacing: 2px;
border-left: 1px solid #fff;
}
}
</style>
components/layout/h5/Header.vue
浏览文件 @ ec3a6f41
......@@ -7,7 +7,7 @@
<div class="line"></div>
<nuxt-link to="/" class="logo">
<div class="title">
加州浸会大学在线工商管理博士DBA
数字领导力企业家学者DBA
</div>
<!-- <img src="https://webapp-pub.ezijing.com/project/marywood/marywood_logo.svg" /> -->
</nuxt-link>
......@@ -26,16 +26,16 @@
</header>
<app-search v-if="searchVisible"></app-search>
<app-menu v-show="menuVisible" @showApplyForm="showApplyForm"></app-menu>
<right-aside ref="rightAside"></right-aside>
<!-- <right-aside ref="rightAside"></right-aside> -->
</div>
</template>
<script>
import AppMenu from '@/components/base/h5/Menu'
import AppSearch from '@/components/base/h5/Search'
import RightAside from '@/components/base/h5/RightAside'
// import RightAside from '@/components/base/h5/RightAside'
export default {
components: { AppMenu, AppSearch, RightAside },
components: { AppMenu, AppSearch },
data() {
return {}
},
......
components/layout/h5/Index.vue
浏览文件 @ ec3a6f41
......@@ -2,7 +2,7 @@
<div class="main-layout is-h5" :class="{ 'is-fixed': isFixed }">
<app-header />
<div v-show="!isFixed">
<Nuxt />
<slot> <Nuxt /></slot>
<app-footer />
</div>
</div>
......@@ -33,4 +33,4 @@ export default {
box-shadow: 0 1px 20px rgba(0, 0, 0, 0.04);
}
}
</style>
\ No newline at end of file
</style>
components/layout/index.vue
浏览文件 @ ec3a6f41
<template>
<component :is="componentName" />
<component :is="componentName"><slot></slot></component>
</template>
<script>
......
components/layout/pc/Foot.vue
浏览文件 @ ec3a6f41
<template>
<div class="foot-mian">
<div class="foot-main">
<div class="foot-box">
<div class="foot-content">
<div class="left-content">
<div class="logo-title">
<img src="https://webapp-pub.ezijing.com/project/cbu-online/cbu-logo-white-new.png" />
<h1>在线工商管理博士DBA</h1>
</div>
<div class="bottom">
<div class="bottom_left con">
<a href="/about/school">项目介绍</a>
<!-- <a href="/">在线工商管理博士DBA</a> -->
<!-- <a href="/question/question">常见问题</a> -->
<!-- <a href="https://www.ezijing.com/" target="_blank">清控紫荆教育</a> -->
</div>
<div class="line"></div>
<div class="bottom_center con">
<a href="/enroll/apply">申请条件</a>
<!-- <a href="/about/school">院校介绍</a> -->
</div>
<div class="line"></div>
<div class="bottom_bottom con">
<a href="/my/account">报名系统</a>
<!-- <a href="/dataDownload/dataDownload">资料下载</a>
<a href="/returnPolicy/returnPolicy">归国政策</a> -->
</div>
</div>
</div>
<div class="center-content">
<div class="contact">官方授权项目中国招生与教学中心——清控紫荆教育</div>
<div class="bottom">
<div class="address" v-html="$t('foot.address')"></div>
<div class="phone">联系电话：010-62799910</div>
<a class="mail" href="mailto:admission_CBU-online@ezijing.com"
>邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箱：admission_CBU-online@ezijing.com
</a>
<!-- <div class="mail" v-html="$t('foot.email')"></div> -->
</div>
<div class="logo-title">
<img src="https://webapp-pub.ezijing.com/project/cbu-enterprise/logo.png" width="60px" />
<h1>亦学创新国际教育中心</h1>
</div>
<div class="bottom">
<div class="bottom-item">
<h3>支持单位</h3>
<p>
<a href="https://www.ezijing.com/" target="_blank">紫荆教育</a>
</p>
<p>
<a href="https://www.ezijing.com/" target="_blank">学说平台</a>
</p>
</div>
<div class="right-content">
<img src="https://webapp-pub.ezijing.com/project/cbu-online/cbu_wechat.png" class="code" />
<div class="tips-txt">
<img src="https://zws-imgs-pub.ezijing.com/static/public/184235d9f6edbb39d52fc6f77339ff5b.png" />
<div class="txt">{{ $t('foot.weChat') }}</div>
</div>
<div class="bottom-item">
<h3>联系我们</h3>
<p>陈老师 13552772025（微信同号）</p>
<p>高老师 13241800875（微信同号）</p>
</div>
</div>
<!-- <div class="links">
友情链接：中国人民银行 中国涉外监管网 中国银行协会 中国证券投资基金业协会
</div> -->
</div>
<div class="copyright" style="height: 40px;line-height: 40px;color: rgba(153, 153, 153, 1);background: #fff;">
<div class="inner" style="width: 100%;justify-content: center;display: flex;">
<p style="font-size: 12px;">
Copyright © 2017 Zijing Education. All rights reserved. 清控紫荆（北京）教育科技股份有限公司
</p>
<a
target="_blank"
href="https://tsm.miit.gov.cn/dxxzsp/"
style="color: rgba(153, 153, 153, 1);text-decoration:none;margin-left: 10px;"
>
<p style="font-size: 12px;">京ICP证150431号</p>
</a>
<a
target="_blank"
class="record"
href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802023681"
style="color: rgba(153, 153, 153, 1);text-decoration:none;align-items: center;display: flex;margin-right: 5px;"
>
<img
src="https://zws-imgs-pub.ezijing.com/e0a0ec47dfdfc1e0797b1d5254021d00.png"
style="width: 20px;height: 20px;margin: 0 6px;display: block;"
/>
<p style="font-size: 12px;">安备 11010802023681号</p>
</a>
<a
target="_blank"
href="https://beian.miit.gov.cn/#/Integrated/index"
style="color: rgba(153, 153, 153, 1);text-decoration:none;"
>
<p style="font-size: 12px;">京ICP备15016866号-1</p>
</a>
</div>
</div>
</div>
</template>
......@@ -89,92 +28,28 @@
export default {}
</script>
<style lang="scss" scoped>
.foot-mian {
width: 100%;
.foot-main {
background: rgba(170, 25, 65, 1);
.links {
padding-top: 12px;
font-size: 14px;
font-weight: 300;
line-height: 24px;
color: #ffffff;
opacity: 0.6;
width: 1200px;
margin: 0 auto;
}
.foot-box {
padding: 80px 0 35px;
padding: 60px 0;
width: 1200px;
margin: 0 auto;
}
.foot-content {
// height: 300px;
.bottom {
margin-top: 42px;
display: flex;
.left-content {
display: flex;
flex-direction: column;
.bottom {
margin-top: 42px;
display: flex;
justify-content: flex-start;
.con {
display: flex;
justify-content: flex-start;
flex-direction: column;
}
.line {
width: 0px;
// height: 110px;
border-right: 0.6px solid #cc9d9d;
opacity: 0.7;
margin: 4px 53px 0 39px;
}
a {
opacity: 0.7;
color: #ededed;
font-size: 14px;
line-height: 30px;
}
}
}
.center-content {
margin-left: 70px;
.contact {
height: 50px;
font-size: 20px;
font-weight: 400;
color: #ffffff;
line-height: 50px;
justify-content: flex-start;
.bottom-item {
flex: 1;
color: #fff;
h3 {
margin-bottom: 20px;
}
.bottom {
margin-top: 42px;
line-height: 30px;
font-size: 14px;
font-weight: 300;
p {
opacity: 0.7;
color: #ededed;
}
}
.right-content {
margin-left: 60px;
padding-top: 25px;
.code {
width: 120px;
display: block;
}
.tips-txt {
padding-top: 20px;
display: flex;
align-items: center;
justify-content: center;
img {
width: 21px;
display: block;
}
.txt {
font-size: 14px;
color: #ffffff;
margin-left: 7px;
}
font-size: 14px;
line-height: 30px;
}
}
}
......
components/layout/pc/Head.vue
浏览文件 @ ec3a6f41
<template>
<div class="head-mian">
<div class="head-main">
<div class="color-bar"></div>
<div class="head-top-content">
<div class="max-width-content">
......@@ -10,7 +10,7 @@
<img @click="goWebsite" src="https://webapp-pub.ezijing.com/project/cbu-online/logo.png" />
<div class="line"></div>
<nuxt-link to="/">
<div class="title">加州浸会大学在线工商管理博士DBA</div>
<div class="title">数字领导力企业家学者DBA</div>
</nuxt-link>
<!-- <img src="https://webapp-pub.ezijing.com/project/marywood/marywood_logo.svg" /> -->
</div>
......@@ -90,9 +90,10 @@ li {
padding: 0;
list-style: none;
}
.head-mian {
width: 100%;
.head-main {
position: relative;
background: #fff;
box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.1);
.color-bar {
height: 10px;
background: #aa1941;
......
components/layout/pc/Index.vue
浏览文件 @ ec3a6f41
<template>
<div class="main-layout is-pc">
<app-header />
<Nuxt />
<slot><Nuxt /></slot>
<app-footer v-if="hasFooter" />
<rightAside />
<!-- <rightAside /> -->
</div>
</template>
<script>
import AppHeader from './Head'
import AppFooter from './Foot'
......@@ -14,54 +15,8 @@ export default {
components: { AppHeader, AppFooter }
}
</script>
<style>
html {
font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
sans-serif;
font-size: 16px;
word-spacing: 1px;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
box-sizing: border-box;
}
*,
*::before,
*::after {
box-sizing: border-box;
margin: 0;
}
.button--green {
display: inline-block;
border-radius: 4px;
border: 1px solid #3b8070;
color: #3b8070;
text-decoration: none;
padding: 10px 30px;
}
.button--green:hover {
color: #fff;
background-color: #3b8070;
}
.button--grey {
display: inline-block;
border-radius: 4px;
border: 1px solid #35495e;
color: #35495e;
text-decoration: none;
padding: 10px 30px;
margin-left: 15px;
}
.button--grey:hover {
color: #fff;
background-color: #35495e;
}
<style>
.main-layout.is-pc {
min-width: 1200px;
}
......
components/layout/pc/Menu.vue
浏览文件 @ ec3a6f41
......@@ -15,9 +15,9 @@
<nuxt-link :to="item.path">{{ item.name }}</nuxt-link>
</template>
</div>
<div class="child-item" v-if="item.childern">
<div class="child-item" v-if="item.children">
<div class="one-level">
<template v-for="(level2Item, level2Index) in item.childern">
<template v-for="(level2Item, level2Index) in item.children">
<div
:class="$route.path === level2Item.path || level2Item.isShow ? 'li active' : 'li'"
:key="level2Index + 'level2'"
......@@ -28,7 +28,7 @@
<div class="name">
{{ level2Item.name }}
</div>
<div class="el-icon-arrow-right" v-if="level2Item.childern"></div>
<div class="el-icon-arrow-right" v-if="level2Item.children"></div>
</app-link>
</div>
</template>
......@@ -44,82 +44,33 @@ export default {
name: 'AppMenu',
components: { AppLink },
data() {
const _this = this
return {
navData: [
// 项目介绍
{
name: this.$t('menu.project'),
path: '/about/school',
childern: [
{ name: this.$t('menu.schoolChild.school3'), path: '/about/school' },
{ name: this.$t('menu.newsChild.hot'), path: '/news/hot' }
// { name: this.$t('menu.projectChild.feature'), path: '/project-intro/charac' },
// { name: this.$t('menu.projectChild.cert'), path: '/project-intro/certificate' }
]
path: '/project'
},
// 项目优势
// {
// name: this.$t('menu.course'),
// path: '/about/course',
// childern: [
// { name: this.$t('menu.courseChild.set'), path: '/about/course' },
// { name: this.$t('menu.courseChild.teachers'), path: '/about/teacher' }
// ]
// },
// 学校介绍
// {
// name: this.$t('menu.school'),
// path: '/about/school',
// childern: [
// // // { name: this.$t('menu.schoolChild.school1'), path: '/school/school1' },
// // // { name: this.$t('menu.schoolChild.school2'), path: '/school/school2' },
// { name: this.$t('menu.schoolChild.school3'), path: '/about/school' }
// // { name: this.$t('menu.courseChild.teachers'), path: '/about/teacher' }
// ]
// },
// 校园一览
{
name: this.$t('menu.campusList'),
path: '/campusList/campusList'
// childern: [
// { name: this.$t('menu.projectChild.bg'), path: '/about/school' },
// { name: this.$t('menu.newsChild.hot'), path: '/news/hot' }
// // { name: this.$t('menu.projectChild.feature'), path: '/project-intro/charac' },
// // { name: this.$t('menu.projectChild.cert'), path: '/project-intro/certificate' }
// ]
name: '学习安排',
path: '/plan'
},
// 学历认证
{
name: this.$t('menu.academic'),
path: '/academic/academic'
path: '/degree'
},
// 报名流程
{
name: this.$t('menu.enroll'),
path: '/enroll/process',
childern: [
{ name: this.$t('menu.enrollChild.process'), path: '/enroll/process' },
// { name: this.$t('menu.enrollChild.brochure'), path: '/enroll/brochure' },
{ name: this.$t('menu.enrollChild.apply'), path: '/enroll/apply' }
name: '申请指南',
path: '/guides',
children: [
{ name: '申请要求', path: '/guides/requirements' },
{ name: '申请流程', path: '/guides/process' },
{ name: '报名材料', path: '/guides/material' },
{ name: '学费信息', path: '/guides/tuition' }
]
},
// 资料下载
{
name: this.$t('menu.dataDownload'),
path: '/dataDownload/dataDownload'
},
// 归国政策
// {
// name: this.$t('menu.returnPolicy'),
// path: '/returnPolicy/returnPolicy'
// },
// 常见问题
// {
// name: this.$t('menu.question'),
// path: '/question/question'
// },
// 报名申请
{
name: this.$t('menu.apply'),
......@@ -132,8 +83,8 @@ export default {
methods: {
navLeave() {
this.navData.map(item => {
if (item.childern) {
item.childern.map(cItem => {
if (item.children) {
item.children.map(cItem => {
cItem.isShow = false
})
}
......@@ -141,7 +92,7 @@ export default {
this.$forceUpdate()
},
levelShow(item, isOut) {
if (item.childern) {
if (item.children) {
if (isOut) {
clearTimeout(this.time)
this.time = setTimeout(() => {
......@@ -167,8 +118,8 @@ export default {
return 'name active'
} else {
let className = 'name'
if (item.childern) {
item.childern.map(cData => {
if (item.children) {
item.children.map(cData => {
currentPath.includes(cData.path) && (className = 'name active')
})
}
......
components/news/newsItem.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
<template>
<div class="news-content-box">
<ul class="list-content">
<template v-for="(item, index) in data">
<template v-if="item.uri">
<a :href="item.uri" target="_black" :key="index">
<li>
<img :src="item.web_img_uri" />
<div class="right-con">
<div class="time">{{ formatDate(item.start_time) }}</div>
<div class="title">{{ item.title }}</div>
<div class="text">{{ item.abstract }}</div>
</div>
</li>
</a>
</template>
<template v-else>
<li :key="index" @click="handleClick(item)">
<img :src="item.web_img_uri" />
<div class="right-con">
<div class="time">{{ formatDate(item.start_time) }}</div>
<div class="title">{{ item.title }}</div>
<div class="text">{{ item.abstract }}</div>
</div>
</li>
</template>
</template>
</ul>
</div>
</template>
<script>
export default {
props: {
data: {
type: Array
}
},
data() {
return {
listData: []
}
},
methods: {
formatDate(value) {
const date = new Date(value * 1000)
return date.getFullYear() + '/' + (date.getMonth() + 1) + '/' + date.getDate()
},
handleClick(item) {
this.$emit('onClick', item)
}
},
mounted() {
console.log(this.data)
}
}
</script>
<style lang="scss" scoped>
.news-content-box {
.list-content {
width: 900px;
margin: 0 auto;
background: #fff;
li {
display: flex;
flex-wrap: wrap;
border-bottom: 1px solid #e6e6e6;
margin-bottom: 20px;
padding-bottom: 36px;
cursor: pointer;
&:hover {
.right-con {
.text {
color: #141414;
}
}
}
img {
width: 320px;
height: 210px;
display: block;
}
.right-con {
width: 550px;
margin-left: 30px;
.time {
font-size: 16px;
font-weight: 300;
line-height: 100%;
color: #aa1941;
padding-top: 13px;
}
.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: 2;
-webkit-box-orient: vertical;
}
.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;
}
}
}
}
}
</style>
components/rightAside.vue
浏览文件 @ ec3a6f41
......@@ -92,7 +92,7 @@ export default {
formInfo: {
name: '',
phone: '',
newProjectId: '1023'
newProjectId: '1024'
},
projectList: [
{ label: '金融工商管理硕士', value: '1000' },
......@@ -102,7 +102,7 @@ export default {
{ label: '教育学硕士', value: '1005' },
{ label: '中国未来金融领袖计划', value: '1007' },
{ label: '1+1 国际硕士', value: '1016' },
{ label: '在线工商管理博士DBA', value: '1023' }
{ label: '在线工商管理博士DBA', value: '1024' }
]
}
},
......
dev.ezijing.com.key
浏览文件 @ ec3a6f41
-----BEGIN RSA PRIVATE KEY-----
MIIEowIBAAKCAQEAn0EINdIXTDCzmR7J5FOjOV+PbXt7GNO6fanoCGe2O0CPRlNf
2Ea/wv6SlRtJPd0ohmnKqZdUbBpAsiV4ggOdOqeEB6utVYQWY/zhXRKYeRjN/iDu
WCRY5S+eRVkSzVOJP9DlBn6dnHSsWj55h1PrkIac8B862F/cVno/Wk5dqU55ZUoN
wHGw5Goz3R37w+Q0C9HRS5mrmPqI+Ogy8TJrIRxw9YAj5OlvuqBAeYAW1sNdEfsi
mMB0H2fbbXqEL4AsipE5ppP7Ij3vxVpxvmnl/SO7N6+Fit6r25VeFSvplK+PIV3c
UsK3PCKV2sOo0BDWtWFQh5hW3fK5RYjLpNDHCwIDAQABAoIBAEkiBDMzF5/VfaSD
jxNblUlzqNoOKqlsEehDblrtxbHQI/uXrhwT4VwarBXtQeU2+rU/P+JBrHM4Wx10
N7L9FecppmgfXqo2zlF8f8HOGFcEHRTm6o1vo6McCwKttQS1qAG2XHZvDtIagkuv
BQAwea0VJFzg+pUC8JyF5zIBauGkfk8eHTLFVuIEJoSJbPWBYzp7Vf1SCjXqs3YY
aZ5QkOqY7S81D2EULFAWiMIMdY/PVT5DSXxsjaJFkvxjDedA4jNCplyODBKdpnBb
kfoJTJ7qsSnqgJ2y2xRdRlvZalE49lr2MkW254s5GH35+hMYam0bffgLXdPz6RIs
7X0atYECgYEA1A9G+0+uYlyxddyR54QlWGK7L3wP+REMXultudT9rq4S6qkHoOgP
rhi2kvZOqA0sMR7XMVz5nw0ouUMUVfW0YzudgAK99tdIuk6dP6VqVo9T4kqa0rXi
3ZKD51qGXbF22SndEWV68QEPzMCbf0E+kXl5MGGNnFtjZ5nxTGS+uH8CgYEAwECs
0T36EnLOCXZoi3rTeHr2pSO20VuFSgljnHA6Ups9Chu6h/iZ8t0XVNb8J14q7lFi
NY6b4D3FR/vwO3nFt7dvFYNFaFGuFrkAaH002p8EYWSckhlGcucBuKivBVUbhXuM
HMGmqGhAnnGCvCj/v4n5/wv3wtFYfzYWnYPHC3UCgYBZgbFGNhW28sT8qIL1I3PX
4KR9oHHlgOqlzQVBYMNKzbKyVXIg2pJzu36kfU4p5JV4jjnqXgIGvjkoKUYWGkVv
dSQ/eejQnYHXEYOR77H4ozqW00KSGa+OMl92cWExfsxZUTA8PYcs3nPayplXlyRf
ptQeNa7eBjzo57NPuV4+5QKBgQCrJihzUlBYshmYNPBXE25FOHpwgz3SXT5orbke
4I4bUhXh9NN3DqrGmWqW3Zi2108ywALFGQLNe1AwiCnSWNLafZOHvEhC2Uw48FNb
sfMmmR/GMFJugc/EpMBUit7cyWppx5XxV7gs/jpgkz7GkV00P/ntwtK7fbDh9t3l
NhYxrQKBgDVE4HSDqOvZOaXGRoM0pJ3uYRTTSIDGVNMZ9t2C/t3uwoyFBe+Om2t+
G6w2Gr+Dck1v+zizU3khbAHvE67rYoUtrDvae41bmLuVcnYh4UsXfhB6BWOSaQ+l
l8aQwTfmV74szsEDcFkg038zQ6Q4c8iiurYp29nwEM7/mayBGOcv
-----END RSA PRIVATE KEY-----
MIIEpAIBAAKCAQEAucCbdPPyAp6vmnr5XObuPsctUhVLyXwqbIpgI5jWzjG7wmk8
V6z8WJKPO9KZM6D9ejtN/bbbd3j1cRiw7NSl8AUykiVHJWz9TXAflET2EpILLera
I1B2XAcBsc8dZBGGJD/LT97ZvNLYzuQOr7R1wytWH1uisAK5ClzgnSptMenXFyhw
5Xw0Lm3zoeeqYF/KMQ1McAYMGxgu6s6dxXKiA0BcgWQ31yZey0c4HhCt7T7sA/UN
ahUsxtCcSNSvdgXay5Pu/l3N88TwW2QzaCzrueILHWRFwkREhpqyrwjN3gkaa+1T
jLxzCsk/pTnPccxlFwc3YQ3hYLMl36NJ/OIpHwIDAQABAoIBACuMmaXYz6OHmroI
HNCIH9E+F0UIUyVg4/1gj9uoqKvdAx04WPphRyRo8AXhgSOWmfb/UnCqX1fqVvj2
BfzwehsEzO9wp/aBT/3IzM6RQHPoI5DXX98prSY0SlRqr4RXi3CSOFN4duoLMOOI
mlzdXUKttVpSvJixerqQPeT7HnC18NBKOydFMYPdXsgWcMXvu2BuvRClIzsjlXKM
VP00BNRY3Oje6T9yl8N051jIZh48YD3yyEAVFKPOWaJVzUU/RRPOOdTb2Y3A1bek
IbCdurdzoEQoJxkeTuColnuL1jj2mpxIBskKYhPAMV5arYS0pZ0VAtjoGGCyn7gT
l/bkTVkCgYEA6EB15hzRD2iTTIFMtDBqw0l3vJWcuWPvwFZl6zculO8Cdsvx0cDZ
VbEXByA0+CG3q47/UrVqETRhtyuVnxuKrceKU8/zib1dvvTMNjeYLKosjyG49xO6
gDx7nVBwYHmQN/iEuWTobLg1vtSNyd99WgG4cFHvqF7kIJb2W0IaGrsCgYEAzL70
VHn9BUP3CGecoU8Fnck9/7GWhvGgFU58Q/dU3Jr8g6lroeDas9zQU2tCnJN0e7cr
13thq2kQQHTYCY4J6EUtjO89sNVx4bO83xqQhobZBwZXkE5QDWIKCbiYGRLAb1+f
AAEwIEdPBgM88YFHOU5YbPTYH8TLkJfxyvMonu0CgYEArGWE3n3PdVeT1zs3O52g
8jrrpVGNF1QmWCgJ2VKJwkW0F4iFhMRYzzH3vPNcPj+Q/cjUn4lIJWMzkWrJ0mP4
ScyPUm1PApRNLPy7RRd5XtYm40wN52F+k8fRnlFiSUqTEejoZFGR8Xm/c1qFsS6y
9ofGZ6F6ewmM3uAQGGd1xxcCgYBFhjoVTW8bkJ6b3gMTy2+Oyr0gzD7fB8FiOsp7
kcrhNke0tZz01ROuq7aZ/Pwbiv6s2+ApRZ4+xGheWs7ZP8AhfQwgpUR/fZs0FwJ1
h+G3rKaZeg/V0qHgSYA7GNGdAf8SUpf9OmoLK+urkQHqyAlVbkMcjG+vKfYt3Uqf
rb4HaQKBgQCxm1oz9QrmxWKJ4eYKHSsD9UPu4QZhltBECH1btgvTwAEmwuXaCcta
RaFNhMe609sQ+YVIxa9fK0MXBiq7DG6nSLGvnLfVEYo4nGe6EvL9nQ7IFZywJjTb
/Fw4rTMwT59VSWJdv8BPznV7Gk7p17fcXM55iJxxu65r3ZuOXjQSGA==
-----END RSA PRIVATE KEY-----
\ No newline at end of file
dev.ezijing.com.pem
浏览文件 @ ec3a6f41
-----BEGIN CERTIFICATE-----
MIIHEDCCBfigAwIBAgIQC53CSHjB5MGsHDzx/2AxzjANBgkqhkiG9w0BAQsFADBb
MQswCQYDVQQGEwJVUzEVMBMGA1UEChMMRGlnaUNlcnQgSW5jMRkwFwYDVQQLExB3
d3cuZGlnaWNlcnQuY29tMRowGAYDVQQDExFTZWN1cmUgU2l0ZSBDQSBHMjAeFw0y
MDA2MTAwMDAwMDBaFw0yMjA5MTIxMjAwMDBaMFsxCzAJBgNVBAYTAkNOMRAwDgYD
VQQIEwdCZWlqaW5nMSIwIAYDVQQKExlUSEggWmlqaW5nIChCZWlqaW5nKSBJbmMu
MRYwFAYDVQQDDA0qLmV6aWppbmcuY29tMIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8A
MIIBCgKCAQEAn0EINdIXTDCzmR7J5FOjOV+PbXt7GNO6fanoCGe2O0CPRlNf2Ea/
wv6SlRtJPd0ohmnKqZdUbBpAsiV4ggOdOqeEB6utVYQWY/zhXRKYeRjN/iDuWCRY
5S+eRVkSzVOJP9DlBn6dnHSsWj55h1PrkIac8B862F/cVno/Wk5dqU55ZUoNwHGw
5Goz3R37w+Q0C9HRS5mrmPqI+Ogy8TJrIRxw9YAj5OlvuqBAeYAW1sNdEfsimMB0
H2fbbXqEL4AsipE5ppP7Ij3vxVpxvmnl/SO7N6+Fit6r25VeFSvplK+PIV3cUsK3
PCKV2sOo0BDWtWFQh5hW3fK5RYjLpNDHCwIDAQABo4IDzjCCA8owHwYDVR0jBBgw
FoAUxBF+iECGwkG/ZfMa4bRTQKOr7H0wHQYDVR0OBBYEFHxjLRRYXe2jIjYECuN8
r3EnjOTFMCUGA1UdEQQeMByCDSouZXppamluZy5jb22CC2V6aWppbmcuY29tMA4G
A1UdDwEB/wQEAwIFoDAdBgNVHSUEFjAUBggrBgEFBQcDAQYIKwYBBQUHAwIwbwYD
VR0fBGgwZjAxoC+gLYYraHR0cDovL2NybDMuZGlnaWNlcnQuY29tL1NlY3VyZVNp
dGVDQUcyLmNybDAxoC+gLYYraHR0cDovL2NybDQuZGlnaWNlcnQuY29tL1NlY3Vy
ZVNpdGVDQUcyLmNybDBMBgNVHSAERTBDMDcGCWCGSAGG/WwBATAqMCgGCCsGAQUF
BwIBFhxodHRwczovL3d3dy5kaWdpY2VydC5jb20vQ1BTMAgGBmeBDAECAjBsBggr
BgEFBQcBAQRgMF4wIQYIKwYBBQUHMAGGFWh0dHA6Ly9vY3NwLmRjb2NzcC5jbjA5
BggrBgEFBQcwAoYtaHR0cDovL2NybC5kaWdpY2VydC1jbi5jb20vU2VjdXJlU2l0
ZUNBRzIuY3J0MAwGA1UdEwEB/wQCMAAwggH1BgorBgEEAdZ5AgQCBIIB5QSCAeEB
3wB2AEalVet1+pEgMLWiiWn0830RLEF0vv1JuIWr8vxw/m1HAAABcpwT21oAAAQD
AEcwRQIgWTyqiBOL3dFTJBE2Q6cgSBzk9W5iTaC2B8T1f8gFCP0CIQDhngm9WJbO
J7v14h6w+B2Li7WEAkWLSLiTKzh7na2SuQB1ACJFRQdZVSRWlj+hL/H3bYbgIyZj
rcBLf13Gg1xu4g8CAAABcpwT2zEAAAQDAEYwRAIgckmPL6WJx9Jke4AfVLmy//ye
tsmT5si8FO8p9Fd52VECICPqDvdjlN2DtfQznTGTxaL0PQ5N8eNiX3fJn6sRCfcU
AHYAUaOw9f0BeZxWbbg3eI8MpHrMGyfL956IQpoN/tSLBeUAAAFynBPbfQAABAMA
RzBFAiEAwYooscdEijXGnRdJYnz0ClmvWcxtJ169Bq+sywhPReACIDjvE5a5d7mb
n3YTgfLOtbnuDpkDRjUfdY7cs6UfderhAHYAQcjKsd8iRkoQxqE6CUKHXk4xixsD
6+tLx2jwkGKWBvYAAAFynBPa0wAABAMARzBFAiAmJVwNfWFMKrqWTvEfHk9O/5/r
Crj/W3BqjV6p0D09hgIhAIKb4drMok8s1X0Evh4Nbzd3Nv9PuwITdICztemCrk4e
MA0GCSqGSIb3DQEBCwUAA4IBAQBWSrE/pt//MKeGpf6vMISGD0LZArebPFQ7wlgv
Y13HpCY5lqwrZItsuXWS5IYMv8ueYarCm081OJOBvSUKHOtYSe6wdFqsXehokUiy
7oVNief7Li5RvLcf6z5fyjB+i017dds73Dt94mE1imV1DR1WErp1U6QCMEh+TKFa
PL52V9X5VWiYdImzdm8AWOlNBrgicmVzEEQuglejF5uaALf9iiyAjP36apqXv77T
UtxKgjONB1tnRw4XRqzwrEK+QjeOhziKCn1v2ppFX/Z11YYA7ajICVrG6wGJ+ENc
ukf5+v8r+TU7PqxQmb62zocX22jhe8HM644UJ4FWCiBh4Lb1
MIIGtjCCBZ6gAwIBAgIQDjUArTRdZ4P5wtQVmCqJGjANBgkqhkiG9w0BAQsFADBj
MQswCQYDVQQGEwJDTjE2MDQGA1UECgwtQmVpamluZyBYaW5jaGFjaGEgQ3JlZGl0
IE1hbmFnZW1lbnQgQ28uLCBMdGQuMRwwGgYDVQQDDBNYY2MgVHJ1c3QgT1YgU1NM
IENBMB4XDTIyMDgxODE0MDAzMVoXDTIzMDkxNzE0MDAzMFowgY4xCzAJBgNVBAYT
AkNOMRIwEAYDVQQIDAnljJfkuqzluIIxEjAQBgNVBAcMCeWMl+S6rOW4gjE/MD0G
A1UECgw25riF5o6n57Sr6I2G77yI5YyX5Lqs77yJ5pWZ6IKy56eR5oqA6IKh5Lu9
5pyJ6ZmQ5YWs5Y+4MRYwFAYDVQQDDA0qLmV6aWppbmcuY29tMIIBIjANBgkqhkiG
9w0BAQEFAAOCAQ8AMIIBCgKCAQEAucCbdPPyAp6vmnr5XObuPsctUhVLyXwqbIpg
I5jWzjG7wmk8V6z8WJKPO9KZM6D9ejtN/bbbd3j1cRiw7NSl8AUykiVHJWz9TXAf
lET2EpILLeraI1B2XAcBsc8dZBGGJD/LT97ZvNLYzuQOr7R1wytWH1uisAK5Clzg
nSptMenXFyhw5Xw0Lm3zoeeqYF/KMQ1McAYMGxgu6s6dxXKiA0BcgWQ31yZey0c4
HhCt7T7sA/UNahUsxtCcSNSvdgXay5Pu/l3N88TwW2QzaCzrueILHWRFwkREhpqy
rwjN3gkaa+1TjLxzCsk/pTnPccxlFwc3YQ3hYLMl36NJ/OIpHwIDAQABo4IDODCC
AzQwDAYDVR0TAQH/BAIwADBDBgNVHR8EPDA6MDigNqA0hjJodHRwOi8veGluY2hh
Y2hhMm92LmNybC5jZXJ0dW0ucGwveGluY2hhY2hhMm92LmNybDB5BggrBgEFBQcB
AQRtMGswLwYIKwYBBQUHMAGGI2h0dHA6Ly94aW5jaGFjaGEyb3Yub2NzcC1jZXJ0
dW0uY29tMDgGCCsGAQUFBzAChixodHRwOi8vcmVwb3NpdG9yeS5jZXJ0dW0ucGwv
eGluY2hhY2hhMm92LmNlcjAfBgNVHSMEGDAWgBT6oMvCx12BtSCSByALtjtwOwkO
VTAdBgNVHQ4EFgQUEJufsd5nLNR+wqR2GsFWDn7qTn0wTAYDVR0gBEUwQzAIBgZn
gQwBAgIwNwYMKoRoAYb2dwIFARYCMCcwJQYIKwYBBQUHAgEWGWh0dHBzOi8vd3d3
LmNlcnR1bS5wbC9DUFMwHQYDVR0lBBYwFAYIKwYBBQUHAwEGCCsGAQUFBwMCMA4G
A1UdDwEB/wQEAwIFoDAlBgNVHREEHjAcgg0qLmV6aWppbmcuY29tggtlemlqaW5n
LmNvbTCCAX4GCisGAQQB1nkCBAIEggFuBIIBagFoAHYAVYHUwhaQNgFK6gubVzxT
8MDkOHhwJQgXL6OqHQcT0wwAAAGCsUFwdgAABAMARzBFAiAc51lynft4sehXTgyw
tjQ83PAVmfZ3FC55eIpIETe2hgIhANvo5ZtGQpcZQ5HSGbRLy4Y9/MbUrS8dtkwP
l7I/lRj7AHYArfe++nz/EMiLnT2cHj4YarRnKV3PsQwkyoWGNOvcgooAAAGCsUFw
TwAABAMARzBFAiATnQDMw1wykBdnTIRfSSXPj7HZfDdRRq6VaiTbSpYKYQIhAMTp
V6K0W9gtdYGdeg4j6n17S1yMODYvLJxd3kAFFNDTAHYAejKMVNi3LbYg6jjgUh7p
hBZwMhOFTTvSK8E6V6NS61IAAAGCsUFwrQAABAMARzBFAiEAwWKXKxp6DcKG7R/d
rxmPUg8uNbUcdxysrpB3gOzkIlACICWpx7/+2ulDG2EC9m4RqGcXbts3VWu/yxpE
0pAYuAP8MA0GCSqGSIb3DQEBCwUAA4IBAQCf3AdKLO8EUntMjKaRa0lncwh/pBIQ
bcQfkJBfiTpo6tnRphR+DE50oYOX1TSQRm4cDgP2JURYiTK6Z2+ljqMbUx4mNLqe
+6yG+PGCUX6rX4BsJqlRP2W7WONE/I3/3S6MRfclKmakHSyrGFi8O/JJyNqm+5z9
8tnk8c1Cn7FboJZonhX0yszHkXLLeA93xm5+Etkw0+DvRcZGiEqKQivO3CnUh1gs
LZg27a8s3dtmAAHbb2icm5jloK9Jgpx/NkGL/cCoNZ8Ng2TZkRvo6GzIp43uS332
R07dQ6rNWZkPzdxKUdNcT0v3yJJyxD1H3Rk4/bxp78giw4JGHp52Df+U
-----END CERTIFICATE-----
-----BEGIN CERTIFICATE-----
MIIFFjCCA/6gAwIBAgIQCH4Y+4+qkn7odgoNiYL1EjANBgkqhkiG9w0BAQsFADBh
MQswCQYDVQQGEwJVUzEVMBMGA1UEChMMRGlnaUNlcnQgSW5jMRkwFwYDVQQLExB3
d3cuZGlnaWNlcnQuY29tMSAwHgYDVQQDExdEaWdpQ2VydCBHbG9iYWwgUm9vdCBD
QTAeFw0xOTA2MjAxMjIxMzVaFw0yOTA2MjAxMjIxMzVaMFsxCzAJBgNVBAYTAlVT
MRUwEwYDVQQKEwxEaWdpQ2VydCBJbmMxGTAXBgNVBAsTEHd3dy5kaWdpY2VydC5j
b20xGjAYBgNVBAMTEVNlY3VyZSBTaXRlIENBIEcyMIIBIjANBgkqhkiG9w0BAQEF
AAOCAQ8AMIIBCgKCAQEAx7s903fR6SgpA08UdhKEUIZHa2Ig7KPNkTtwMS1+08YS
5QSEDM4DQxy48jP8dZkyyU9J/0WCm8Nlv5ga7HOAxhdJcv+CPP4oadx8EbdrmjAH
rGOv64oHvt7Ina7uzLd3krqxd0doeuxRpTHvFAyjaUhxjSfZx0wh1f6W7prPm7V5
0VcTudj4rI+xtHXUcFAuFz4bcapTcru5aaZ1v6F2usMCMVM+xJxEZcsUM4uTxdIf
W5FUTI0dbP8NyZkr/WVzL59aGwBE4ZU0JKBlgEmtkFpLPR7JCzYunafu7nMk5YY2
6WDOmezpWDjzDxJ8xakizykWYT5gdJYE3ULlUe31WQIDAQABo4IBzjCCAcowHQYD
VR0OBBYEFMQRfohAhsJBv2XzGuG0U0Cjq+x9MB8GA1UdIwQYMBaAFAPeUDVW0Uy7
ZvCj4hsbw5eyPdFVMA4GA1UdDwEB/wQEAwIBhjAdBgNVHSUEFjAUBggrBgEFBQcD
AQYIKwYBBQUHAwIwDwYDVR0TAQH/BAUwAwEB/zAxBggrBgEFBQcBAQQlMCMwIQYI
KwYBBQUHMAGGFWh0dHA6Ly9vY3NwLmRjb2NzcC5jbjBEBgNVHR8EPTA7MDmgN6A1
hjNodHRwOi8vY3JsLmRpZ2ljZXJ0LWNuLmNvbS9EaWdpQ2VydEdsb2JhbFJvb3RD
QS5jcmwwgc4GA1UdIASBxjCBwzCBwAYEVR0gADCBtzAoBggrBgEFBQcCARYcaHR0
cHM6Ly93d3cuZGlnaWNlcnQuY29tL0NQUzCBigYIKwYBBQUHAgIwfgx8QW55IHVz
ZSBvZiB0aGlzIENlcnRpZmljYXRlIGNvbnN0aXR1dGVzIGFjY2VwdGFuY2Ugb2Yg
dGhlIFJlbHlpbmcgUGFydHkgQWdyZWVtZW50IGxvY2F0ZWQgYXQgaHR0cHM6Ly93
d3cuZGlnaWNlcnQuY29tL3JwYS11YTANBgkqhkiG9w0BAQsFAAOCAQEAE+8lW5Yw
IuiRsHn4gYRRVbLmIypWwYH74lIXnQiALeUsUkWfW7KA0ARF1el3YaTAg8/r6zyX
eZTdlhndxKOKvO5N+rnHWJB6a3fJURn6e0I+rDzKV1Zacv2Vx/ZHLZmza/bp4Azi
BrDOiPlW/Ktj6ALQzAgq70Oytk9htLupBWPuplJDdyhGqb9RfQvWc1Fa1HwXdBQi
oJPibfMaYkHMY3pTbOv2rzMKEoZwHDHqyC73RI9JgqqiXHw0rIL8A1uL3IrymXEr
mycTqbSozQwiiEfb+cxzY82YaNzaLpJyIst0T2QmdDDngmyd2LEmm4NKeXRrcFRh
XDDFfpIn93B7JA==
MIIEzzCCA7egAwIBAgIRAPJECC2rqQ2ljHLp8pqTQK4wDQYJKoZIhvcNAQELBQAw
fjELMAkGA1UEBhMCUEwxIjAgBgNVBAoTGVVuaXpldG8gVGVjaG5vbG9naWVzIFMu
QS4xJzAlBgNVBAsTHkNlcnR1bSBDZXJ0aWZpY2F0aW9uIEF1dGhvcml0eTEiMCAG
A1UEAxMZQ2VydHVtIFRydXN0ZWQgTmV0d29yayBDQTAeFw0yMjA3MDEwNzQ4NDda
Fw0yNzA2MzAwNzQ4NDdaMGMxCzAJBgNVBAYTAkNOMTYwNAYDVQQKDC1CZWlqaW5n
IFhpbmNoYWNoYSBDcmVkaXQgTWFuYWdlbWVudCBDby4sIEx0ZC4xHDAaBgNVBAMM
E1hjYyBUcnVzdCBPViBTU0wgQ0EwggEiMA0GCSqGSIb3DQEBAQUAA4IBDwAwggEK
AoIBAQCz2nxSPEsMeRBdunf+KZ8CrJIj9DUWGVu05WWyES+QkMHzVHCZt8cB2Blp
qzHHqFsXSDHVzcMxDeXBbudmQwYbg5NpSwY9vJHPTl6vlAlK4UWN4+oPTgP9//RN
N6KLmK3kjZ2Zc9F3kFKVaziSwVNjVvneacoUnz6blwLLBc5QelQ8oDT0eEv0QBAY
I0T8pHDgcvWQqTBaRrOb80plDhYju464XbVhtOHvFCiBIkKnfUBnBfptWjGM8Kis
sq4r8YX35B/pioj9g1YX34MLt+5L3vvWXEb2aMiwwB1Z3bSeeiU3N8aMuSb9E9jp
zd0uhzRameU7jAIAr8uuunb7GUJ7AgMBAAGjggFhMIIBXTASBgNVHRMBAf8ECDAG
AQH/AgEAMB0GA1UdDgQWBBT6oMvCx12BtSCSByALtjtwOwkOVTAfBgNVHSMEGDAW
gBQIds3LB/8k9sXN7buQvOKEN0Z19zAOBgNVHQ8BAf8EBAMCAQYwHQYDVR0lBBYw
FAYIKwYBBQUHAwEGCCsGAQUFBwMCMC8GA1UdHwQoMCYwJKAioCCGHmh0dHA6Ly9j
cmwuY2VydHVtLnBsL2N0bmNhLmNybDBrBggrBgEFBQcBAQRfMF0wKAYIKwYBBQUH
MAGGHGh0dHA6Ly9zdWJjYS5vY3NwLWNlcnR1bS5jb20wMQYIKwYBBQUHMAKGJWh0
dHA6Ly9yZXBvc2l0b3J5LmNlcnR1bS5wbC9jdG5jYS5jZXIwOgYDVR0gBDMwMTAv
BgRVHSAAMCcwJQYIKwYBBQUHAgEWGWh0dHBzOi8vd3d3LmNlcnR1bS5wbC9DUFMw
DQYJKoZIhvcNAQELBQADggEBACWzdb59JyYc/WivKUcTEZ+H8WOTuv3AiR6rPljB
QUEB/1kxIeBK+276WLJn0nFNFuT9QMUBo/iUvNvuRQqVjouuYB0Oea6zKQpeMWry
oYtbheW+5NYAbdl9tYE4MRRK9zBLMRrQz35q+XfgMInozidhNHCvuulWk38OMM51
O73z53+R1879nnoZZznoYnrnkISVDjlhe6OSMifvIJAwSYwH2z79Y6CTVgtqTDR9
793Gr7UUmk5ydoxClxnku7voTX8iJUPcuAjElxFrhSQoxm6uXXOfItEqGvLkWAcq
IC5mcyU9VpUg1YP+KkDMh+KQM7/k+2ka1em9hO+QHvJ08UQ=
-----END CERTIFICATE-----
-----BEGIN CERTIFICATE-----
MIIEtDCCA5ygAwIBAgIRAJOShUABZXFflH8oj+/JmygwDQYJKoZIhvcNAQELBQAw
PjELMAkGA1UEBhMCUEwxGzAZBgNVBAoTElVuaXpldG8gU3AuIHogby5vLjESMBAG
A1UEAxMJQ2VydHVtIENBMB4XDTA4MTAyMjEyMDczN1oXDTI3MDYxMDEwNDYzOVow
fjELMAkGA1UEBhMCUEwxIjAgBgNVBAoTGVVuaXpldG8gVGVjaG5vbG9naWVzIFMu
QS4xJzAlBgNVBAsTHkNlcnR1bSBDZXJ0aWZpY2F0aW9uIEF1dGhvcml0eTEiMCAG
A1UEAxMZQ2VydHVtIFRydXN0ZWQgTmV0d29yayBDQTCCASIwDQYJKoZIhvcNAQEB
BQADggEPADCCAQoCggEBAOP7faNyusLwyRSH9WsBTuFuQAe6bSddf/dbLbNax1Ff
q6QypmGHtm4PhtIwApf412lXoRg5XWpkecYBWaw8MUo4fNIE0kso6CBfOweizE1z
2/OuT8dW1Vqnlon686to1COGWSfPCSe8rG5ygxwwct/gounS4XR1Gb0qnnsVVAQb
10M5rVUoxeIau/TA5K44STPMdoWfOUXSpJ7yEoxR+HzkLX/1rF/rFp+xLdG6zJFC
d0wlyZA4b9vwzPuOHpdZPtVgTuYFKO1JeRNLukjbL/ly0znK/h/YNHL1tEDPMQHD
7N4RLRddH7hQ0V4Zp2neBzMoylCV+adUy1SGUEWp+UkCAwEAAaOCAWswggFnMA8G
A1UdEwEB/wQFMAMBAf8wHQYDVR0OBBYEFAh2zcsH/yT2xc3tu5C84oQ3RnX3MFIG
A1UdIwRLMEmhQqRAMD4xCzAJBgNVBAYTAlBMMRswGQYDVQQKExJVbml6ZXRvIFNw
LiB6IG8uby4xEjAQBgNVBAMTCUNlcnR1bSBDQYIDAQAgMA4GA1UdDwEB/wQEAwIB
BjAsBgNVHR8EJTAjMCGgH6AdhhtodHRwOi8vY3JsLmNlcnR1bS5wbC9jYS5jcmww
aAYIKwYBBQUHAQEEXDBaMCgGCCsGAQUFBzABhhxodHRwOi8vc3ViY2Eub2NzcC1j
ZXJ0dW0uY29tMC4GCCsGAQUFBzAChiJodHRwOi8vcmVwb3NpdG9yeS5jZXJ0dW0u
cGwvY2EuY2VyMDkGA1UdIAQyMDAwLgYEVR0gADAmMCQGCCsGAQUFBwIBFhhodHRw
Oi8vd3d3LmNlcnR1bS5wbC9DUFMwDQYJKoZIhvcNAQELBQADggEBAI3m/UBmo0yc
p6uh2oTdHDAH5tvHLeyDoVbkHTwmoaUJK+h9Yr6ydZTdCPJ/KEHkgGcCToqPwzXQ
1aknKOrS9KsGhkOujOP5iH3g271CgYACEnWy6BdxqyGVMUZCDYgQOdNv7C9C6kBT
Yr/rynieq6LVLgXqM6vp1peUQl4E7Sztapx6lX0FKgV/CF1mrWHUdqx1lpdzY70a
QVkppV4ig8OLWfqaova9ML9yHRyZhpzyhTwd9yaWLy75ArG1qVDoOPqbCl60BMDO
TjksygtbYvBNWFA0meaaLNKQ1wmB1sCqXs7+0vehukvZ1oaOGR+mBkdCcuBWCgAc
eLmNzJkEN0k=
-----END CERTIFICATE-----
-----BEGIN CERTIFICATE-----
MIIDDDCCAfSgAwIBAgIDAQAgMA0GCSqGSIb3DQEBBQUAMD4xCzAJBgNVBAYTAlBM
MRswGQYDVQQKExJVbml6ZXRvIFNwLiB6IG8uby4xEjAQBgNVBAMTCUNlcnR1bSBD
QTAeFw0wMjA2MTExMDQ2MzlaFw0yNzA2MTExMDQ2MzlaMD4xCzAJBgNVBAYTAlBM
MRswGQYDVQQKExJVbml6ZXRvIFNwLiB6IG8uby4xEjAQBgNVBAMTCUNlcnR1bSBD
QTCCASIwDQYJKoZIhvcNAQEBBQADggEPADCCAQoCggEBAM6xwS7TT3zNJc4YPk/E
jG+AanPIW1H4m9LcuwBcsaD8dQPugfCI7iNS6eYVM42sLQnFdvkrOYCJ5JdLkKWo
ePhzQ3ukYbDYWMzhbGZ+nPMJXlVjhNWo7/OxLjBos8Q82KxujZlakE403Daaj4GI
ULdtlkIJ89eVgw1BS7Bqa/j8D35in2fE7SZfECYPCE/wpFcozo+47UX2bu4lXapu
Ob7kky/ZR6By6/qmW6/KUz/iDsaWVhFu9+lmqSbYf5VT7QqFiLpPKaVCjF62/IUg
AKpoC6EahQGcxEZjgoi2IrHu/qpGWX7PNSzVttpd90gzFFS269lvzs2I1qsb2pY7
HVkCAwEAAaMTMBEwDwYDVR0TAQH/BAUwAwEB/zANBgkqhkiG9w0BAQUFAAOCAQEA
uI3O7+cUus/usESSbLQ5PqKEbq24IXfS1HeCh+YgQYHu4vgRt2PRFze+GXYkHAQa
TOs9qmdvLdTN/mUxcMUbpgIKumB7bVjCmkn+YzILa+M6wKyrO7Do0wlRjBCDxjTg
xSvgGrZgFCdsMneMvLJymM/NzD+5yCRCFNZX/OYmQ6kd5YCQzgNUKD73P9P4Te1q
CjqTE5s7FCMTY5w/0YcneeVMUeMBrYVdGjux1XMQpNPyvG5k9VpWkKjHDkx0Dy5x
O/fIR/RpbxXyEV6DHpx8Uq79AtoSqFlnGNu8cN2bsWntgM6JQEhqDjXKKWYVIZQs
6GAqm4VKQPNriiTsBhYscw==
-----END CERTIFICATE-----
layouts/guides.vue 0 → 100644
浏览文件 @ ec3a6f41
<template>
<app-layout v-bind="$attrs">
<AppFrame
:menus="menus"
banner="https://webapp-pub.ezijing.com/project/cbu-plus/enroll-process-banner.png"
class="guides"
>
<Nuxt></Nuxt>
</AppFrame>
</app-layout>
</template>
<script>
import AppLayout from '@/components/layout'
import AppFrame from '@/components/appFrame'
export default {
components: { AppLayout, AppFrame },
data() {
return {
menus: [
{ name: '申请要求', path: '/guides/requirements' },
{ name: '申请流程', path: '/guides/process' },
{ name: '报名材料', path: '/guides/material' },
{ name: '学费信息', path: '/guides/tuition' }
]
}
}
}
</script>
<style lang="scss">
.is-pc {
.guides {
dl {
margin: 65px;
}
dt {
position: relative;
margin-bottom: 20px;
font-size: 20px;
font-weight: 500;
color: #333;
&::before {
position: absolute;
left: -20px;
top: 50%;
content: '';
width: 6px;
height: 6px;
background-color: #aa1941;
border-radius: 50%;
transform: translateY(-50%);
}
}
dd {
font-size: 16px;
font-weight: 400;
color: #666;
line-height: 2;
}
}
}
.is-h5 {
.guides {
dl {
margin: 30px;
}
dt {
position: relative;
margin-bottom: 10px;
font-size: 14px;
font-weight: 500;
color: #333;
&::before {
position: absolute;
left: -10px;
top: 50%;
content: '';
width: 4px;
height: 4px;
background-color: #aa1941;
border-radius: 50%;
transform: translateY(-50%);
}
}
dd {
font-size: 14px;
font-weight: 400;
color: #666;
line-height: 2;
}
}
}
</style>
modules/letter/index.vue
浏览文件 @ ec3a6f41
......@@ -9,7 +9,7 @@
</div>
</div>
</header>
<nav class="nav"><h1 class="title">加州浸会大学在线工商管理博士DBA项目推荐信</h1></nav>
<nav class="nav"><h1 class="title">数字领导力企业家学者DBA项目推荐信</h1></nav>
<section class="content">
<el-form
:model="ruleForm"
......
modules/my/account/home.vue
浏览文件 @ ec3a6f41
......@@ -28,7 +28,7 @@
<div class="welcome-main">
<img src="https://webapp-pub.ezijing.com/project/application/images/welcome.png" width="350" />
<div class="welcome-content">
<h1>欢迎报名加州浸会大学在线工商管理博士DBA项目</h1>
<h1>欢迎报名数字领导力企业家学者DBA项目</h1>
<h2>请选择您的入学日期</h2>
<div class="welcome-button" @click="handleStart('2023年春季')">2023年春季</div>
<div class="welcome-button" @click="handleStart('2023年秋季')">2023年秋季</div>
......
modules/my/application/form/declare.js
浏览文件 @ ec3a6f41
......@@ -44,8 +44,8 @@ export default function(_this) {
values: [{ label: '同意', value: 1 }],
model: 'isAgree',
rules: [{ required: true, message: '请阅读协议', trigger: 'change' }],
prepend: `<p>1、本人知晓此申请表及所附文件将作为申请加州浸会大学在线工商管理博士DBA面试和背景评估的参考依据，一旦成功录取，有关资料将作为学生信息存档。</p>
<p>2、本人声明所填资料正确无误，知晓任何不真实的信息或不诚信的行为，均会影响申请结果，已取得的成绩和资格会被取消。我理解并同意所有报名材料归紫荆教育所有，无论考生录取与否均不退回。我授权紫荆教育使用报名表中的信息查询本人学习和工作记录。</p>`
prepend: `<p>1、本人谨此申明：我提供的所有报名材料信息皆准确和完整。我同意在需要的情况下提交原件以确认我的报名资格。我知道报名材料中的虚假、错误或重大遗漏会导致不录取或取消学籍，所交纳的费用不予退还。</p>
<p>2、我理解并同意北京亦学创新国际教育中心关于全部报名材料归项目主办方所有，无论申请人录取与否均不予退回的规定。我授权北京亦学创新国际教育中心使用报名表中的信息查询本人以前的学习和工作记录。</p>`
}
]
}
......
modules/my/application/form/info/answer.js
浏览文件 @ ec3a6f41
......@@ -19,10 +19,10 @@ export default function(_this) {
const [first = {}, second = {}] = answers
return {
qid1: first.qid || '1',
question1: '您为什么要申请加州浸会大学在线工商管理博士DBA项目？',
question1: '您为什么要申请数字领导力DBA？您对这个项目的期望是什么？',
answer1: first.answer,
qid2: second.qid || '2',
question2: '您的短期和长期职业发展目标是什么？您打算如何达成此愿景？',
question2: '简述您初步的研究构想，未来计划在哪个问题或领域上进行深入研究？DBA课程将如何帮助您实现该研究？',
answer2: second.answer
}
}
......@@ -45,7 +45,7 @@ export default function(_this) {
items: [
{
type: 'v-input',
label: '您为什么要申请加州浸会大学在线工商管理博士DBA项目？（60字以上，1000字以内）',
label: '您为什么要申请数字领导力DBA？您对这个项目的期望是什么？（60字以上，1000字以内）',
model: 'answer1',
attrs: { type: 'textarea', rows: '8', maxlength: '1000', style: 'width:100%' },
rules: [
......@@ -55,7 +55,8 @@ export default function(_this) {
},
{
type: 'v-input',
label: '您的短期和长期职业发展目标是什么？您打算如何达成此愿景？（60字以上，1000字以内）',
label:
'简述您初步的研究构想，未来计划在哪个问题或领域上进行深入研究？DBA课程将如何帮助您实现该研究？（60字以上，1000字以内）',
model: 'answer2',
attrs: { type: 'textarea', rows: '8', maxlength: '1000', style: 'width:100%' },
rules: [
......
modules/my/welcome/indexPay.vue
浏览文件 @ ec3a6f41
......@@ -4,7 +4,7 @@
<qrcode-pay @update="handleUpdateOrder" v-else></qrcode-pay>
<div class="pay-ft">
<p class="t2">
欢迎您申请加州浸会大学在线工商管理博士DBA<br />
欢迎您申请数字领导力企业家学者DBA<br />
申请流程：①支付报名费②填写报名资料并提供相关材料（身份证扫描件、学位证书扫描件、2寸照片）③参加面试④获得录取⑤缴纳学费并签署入学协议⑥入学学习（办
理入学手续：提供成绩单、学籍注册等）<br />申请费提交后不予退还
</p>
......
nuxt.config.js
浏览文件 @ ec3a6f41
......@@ -17,7 +17,7 @@ export default {
}),
// Global page headers: https://go.nuxtjs.dev/config-head
head: {
title: '加州浸会大学在线工商管理博士DBA',
title: '数字领导力企业家学者DBA',
htmlAttrs: {
lang: 'en'
},
......@@ -46,19 +46,7 @@ export default {
css: ['vant/lib/index.css', '@ezijing/vue-form/dist/vue-form.css', 'assets/theme/index.css', 'assets/css/base.css'],
// Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins
plugins: [
'@/plugins/vant',
'@/plugins/i18n',
'@/plugins/router',
'@/plugins/axios',
'@/plugins/element-ui',
{ src: '@/plugins/vue-lazyload.js', ssr: false },
{
// 引入一个插件，这里的 ssr 表示使用服务端渲染
src: 'plugins/vue-swiper.js',
ssr: false
}
],
plugins: ['@/plugins/vant', '@/plugins/i18n', '@/plugins/router', '@/plugins/axios', '@/plugins/element-ui'],
// Auto import components: https://go.nuxtjs.dev/config-components
components: true,
......
pages/about/course.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
<template>
<app-frame :data="frameParams">
<img src="https://webapp-pub.ezijing.com/project/marywood/adva_banner.png" />
<img class="img_bottom" src="https://webapp-pub.ezijing.com/project/marywood/adva_1.png" />
</app-frame>
</template>
<script>
import appFrame from '@/components/appFrame'
export default {
layout: 'normal',
components: {
appFrame
},
data() {
return {
courseData: [
{
title: '先修课程',
item: [{ name: '金融市场学', score: 0 }]
},
{
title: '必修课程',
item: [
{ name: '设计思维与管理创新', score: 3 },
{ name: '管理沟通', score: 3 },
{ name: '营销管理与数字化营销', score: 3 },
{ name: '数字时代领导力', score: 3 },
{ name: '财务规划与管理', score: 3 },
{ name: '商法', score: 3 },
{ name: '正念领导力', score: 3 },
{ name: '数字化运营管理', score: 3 },
{ name: '商业研究方法', score: 3 },
{ name: '商业智能', score: 3 },
{ name: '战略管理', score: 3 },
{ name: '数字化管理信息系统', score: 3 }
]
},
{
title: '毕业环节',
item: [{ name: '毕业典礼&美国游学（可选）' }]
}
],
frameParams: {
slider: [
{
name: this.$t('menu.courseChild.set'),
path: '/about/course'
},
{
name: this.$t('menu.courseChild.teachers'),
path: '/about/teacher'
}
]
}
}
},
mounted() {},
computed: {
isMobile() {
return this.$store.state.isMobile
}
}
}
</script>
<style lang="scss" scoped>
.img_bottom {
padding-left: 101px;
padding-right: 49px;
margin-top: 65px;
padding-bottom: 109px;
}
</style>
pages/about/school.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
<template>
<div>
<div v-if="!isMobile" class="is-pc">
<div class="banner">
<img class="img_banner" src="https://webapp-pub.ezijing.com/project/cbu-online/school_banner.png" />
</div>
<!-- 项目介绍 -->
<section class="section">
<h2 class="title">项目介绍</h2>
<p>
加州浸会大学在线工商管理博士DBA项目是经过美国教育监管机构WASC、BPPE、DOE等批准的正规博士项目。该项目强调课程学习与论文写作结合，以培养将管理实践和理论研究深度融合的商业领袖和学者为目标。清控紫荆教育是加州浸会大学工商管理博士项目中国唯一合作伙伴，双方共同致力于为学生提供高质量的学习体验和服务，以更好地融合中国实践。
</p>
</section>
<!-- 学校介绍 -->
<section class="section">
<div class="content_school">
<div class="content_left">
<div class="content_left_bottom">
加州浸会大学（California Baptist
University，简称CBU）位于美国加州“科技、创新之都”河滨市，距离美国第二大城市洛杉矶仅60英里（1小时车程），北邻科技与新型企业的中心——硅谷。CBU创立于1950年,是一所拥有11000余名在校生的综合性大学。学校开设了会计、建筑、航空、生物化学、商务、工程、平面设计、市场营销、音乐、护理学、工程学等超过150多种学士学位专业、40多种硕士学位专业以及7种博士学位专业。
<br />
“Live your purpose.”这句话不仅仅是口号，也传递了CBU教育经验的精髓。
</div>
</div>
<img
class="content_right content_right1"
src="https://webapp-pub.ezijing.com/project/cbu-online/pc-school-img.png"
/>
</div>
<div class="content_school">
<div class="content_left">
<div class="content_left_bottom">
<img class="img2" src="https://webapp-pub.ezijing.com/project/cbu-online/pc-school-img11.png" />
</div>
</div>
<div class="content_right content_right2">
素以一流的学术及卓越的师资而闻名的CBU被2022年“美国新闻与世界报道”评为全美顶尖大学之一，也是南加州顶尖的研究生学位授予大学之一。除了高质量的学术课程以外，学校还拥有WASC、ACBSP、CTC、NASM、BRN、CCNE、ABET等多重权威认证，所获排名和奖项不限于：
<br />•“最佳本科教学排名”第6 <br />• “美国西部大学排名”第34 <br />• “最具创新力大学排名”第3
</div>
</div>
</section>
<section class="section">
<div class="content_school" style="display:flex;flex-direction:column;margin-top:-150px;">
<div style="color: #333333;font-size: 34px;font-weight: bold;">
加州浸会大学是中国教育部承认正规院校 <br />（教育部涉外监管信息网可查)
</div>
<img src="https://webapp-pub.ezijing.com/project/cbu-plus/auth.png" alt="" style="width:100%;" />
</div>
</section>
<!-- 院校排名 -->
<img class="img_ranking" src="https://webapp-pub.ezijing.com/project/cbu-online/pc-school-img9.png" />
<!-- 申请要求 -->
<section class="section">
<h2 class="title">申请要求</h2>
<div class="content_apply">
<div class="content_apply_item" v-for="(item, index) in applyList" :key="index">
<img :src="item.img" alt="" />
<div class="top_text">{{ item.tit }}</div>
<div class="content_apply_item_center" v-html="item.desc"></div>
</div>
</div>
</section>
<!-- 学习安排 -->
<section class="section">
<h2 class="title">学习安排</h2>
<div class="content_arrange">
<div v-for="(item, index) in studyArrangeList" :key="index" class="content_arrange_item">
<div class="mask"></div>
<img :src="item.img" alt="" />
<div class="desc">
<div class="desc_tit">{{ item.title }}</div>
</div>
</div>
</div>
</section>
<!-- 学制安排 -->
<section class="section">
<h2 class="title">学制安排</h2>
<div class="course-set">
<p>该项目学制三年，总体学习安排如下：</p>
<img src="https://webapp-pub.ezijing.com/project/cbu-online/pc-school-img10.png" />
</div>
</section>
<!-- 课程设置 -->
<section class="section">
<h2 class="title">学分课程模块</h2>
<div class="course-set">
<img src="https://webapp-pub.ezijing.com/project/cbu-online/school-course-img.png" />
<p>
*注：实际课程计划可能会根据CBU的学期计划，实施调整<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;美方教学以线上学习为主，中方教学线上、线下结合
</p>
</div>
</section>
<!-- 创新实践模块 -->
<section class="section">
<h2 class="title">创新实践模块</h2>
<div class="course-set">
<p>
每个季度一次线下访学，参访具有创新管理实践和产业前沿的公司，并请国际国内顶尖教授带领同学们进行实践案例解读、讨论和研究。
</p>
</div>
</section>
<!-- 全球访学模块 -->
<section class="section">
<h2 class="title">全球访学模块</h2>
<div class="course-set">
<p>学习期间，安排全球访学，全球产业调研、全球议题讨论。</p>
</div>
</section>
</div>
<div v-else class="is-h5">
<div class="banner">
<img
class="img_banner"
src="https://webapp-pub.ezijing.com/project/cbu-online/h5/marywood_banner_01.png"
width="100%"
/>
</div>
<div class="h5-content">
<div class="h5-title">项目介绍</div>
<p style="margin-top: 0;">
加州浸会大学在线工商管理博士DBA项目是经过美国教育监管机构WASC、BPPE、DOE等批准的正规博士项目。该项目强调课程学习与论文写作结合，以培养将管理实践和理论研究深度融合的商业领袖和学者为目标。清控紫荆教育是加州浸会大学工商管理博士项目中国唯一合作伙伴，双方共同致力于为学生提供高质量的学习体验和服务，以更好地融合中国实践。
</p>
<div class="h5-title">加州浸会大学介绍</div>
<img src="https://webapp-pub.ezijing.com/project/cbu-online/h5/school-img1.png?v=2" />
<p>
加州浸会大学（California Baptist
University，简称CBU）位于美国加州“科技、创新之都”河滨市，距离美国第二大城市洛杉矶仅60英里（1小时车程），北邻科技与新型企业的中心——硅谷。CBU创立于1950年,是一所拥有11000余名在校生的综合性大学。学校开设了会计、建筑、航空、生物化学、商务、工程、平面设计、市场营销、音乐、护理学、工程学等超过150多种学士学位专业、40多种硕士学位专业以及7种博士学位专业。
“Live your purpose.”这句话不仅仅是口号，也传递了CBU教育经验的精髓。
<br />
素以一流的学术及卓越的师资而闻名的CBU被2022年“美国新闻与世界报道”评为全美顶尖大学之一，也是南加州顶尖的研究生学位授予大学之一。除了高质量的学术课程以外，学校还拥有WASC、ACBSP、CTC、NASM、BRN、CCNE、ABET等多重权威认证，所获排名和奖项包括(不限于)：<br />
•“最佳本科教学排名”第6 <br />• “美国西部大学排名”第34 <br />• “最具创新力大学排名”第3<br />
</p>
<div class="content_part" style="flex-direction: column;margin:auto;text-align:center">
<div style="color: #333333;font-size: 0.14rem;font-weight: bold;margin:0.2rem 0">
加州浸会大学是中国教育部承认正规院校 <br />（教育部涉外监管信息网可查）
</div>
<img src="https://webapp-pub.ezijing.com/project/cbu-plus/auth.png" alt="" />
</div>
<div class="h5-title m-t-10">申请条件</div>
<div class="h5-list">
<img src="https://webapp-pub.ezijing.com/project/cbu-online/h5/school-img3.png" />
<img src="https://webapp-pub.ezijing.com/project/cbu-online/h5/school-img5.png" />
<img src="https://webapp-pub.ezijing.com/project/cbu-online/h5/school-img4.png" />
</div>
<img src="https://webapp-pub.ezijing.com/project/cbu-online/h5/school-img6.png" />
<div class="h5-title m-t-10">学习安排</div>
<div class="img-list">
<div class="xz-content">
<div class="xz-item xz1">
<div class="mask"></div>
<div class="desc ">
<div class="desc_tit">三年学制</div>
</div>
</div>
<div class="xz-item xz2">
<div class="mask"></div>
<div class="desc ">
<div class="desc_tit">学分课程模块</div>
</div>
</div>
<div class="xz-item xz3">
<div class="mask"></div>
<div class="desc ">
<div class="desc_tit">创新实践模块</div>
</div>
</div>
<div class="xz-item xz4">
<div class="mask"></div>
<div class="desc desc_last">
<div class="desc_tit">全球访学模块</div>
</div>
</div>
</div>
</div>
<div class="h5-title m-t-10">学制安排</div>
<div class="h5-course-set">
<div class="desc">该项目学制三年，总体学习安排如下：</div>
<img src="https://webapp-pub.ezijing.com/project/cbu-online/pc-school-img10.png" />
</div>
<div class="h5-title m-t-10">学分课程模块</div>
<div class="h5-course-set">
<img src="https://webapp-pub.ezijing.com/project/cbu-online/h5/school-img7.png" />
<div class="desc">
*注：实际课程计划可能会根据CBU的学期计划，实施调整<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;美方教学以线上学习为主，中方教学线上、线下结合
</div>
</div>
<div class="h5-title m-t-10">创新实践模块</div>
<div class="h5-course-set">
<div class="desc">
每个季度一次线下访学，参访具有创新管理实践和产业前沿的公司，并请国际国内顶尖教授带领同学们进行实践案例解读、讨论和研究。
</div>
</div>
<div class="h5-title m-t-10">全球访学模块</div>
<div class="h5-course-set">
<div class="desc">
学习期间，安排全球访学，全球产业调研、全球议题讨论。
</div>
</div>
</div>
</div>
</div>
</template>
<script>
import 'swiper/css/swiper.css'
export default {
layout: 'normal',
data() {
const _this = this
return {
studyArrangeList: [
{
img: 'https://webapp-pub.ezijing.com/project/cbu-online/pc-school-img4.png',
title: '三年学制'
},
{
img: 'https://webapp-pub.ezijing.com/project/cbu-online/pc-school-img5.png',
title: '学分课程模块'
},
{
img: 'https://webapp-pub.ezijing.com/project/cbu-online/pc-school-img6.png',
title: '创新实践模块'
},
{
img: 'https://webapp-pub.ezijing.com/project/cbu-online/pc-school-img7.png',
title: '全球访学模块'
}
],
applyList: [
{
img: 'https://webapp-pub.ezijing.com/project/cbu-online/apply_step1.png',
tit: '学历',
desc: `硕士学历及以上<br/>本科学历需先修MBA学位`
},
{
img: 'https://webapp-pub.ezijing.com/project/cbu-online/apply_step3.png',
tit: 'GPA',
desc: 'GPA不低于3.0'
},
{
img: 'https://webapp-pub.ezijing.com/project/cbu-online/apply_step2.png',
tit: '语言',
desc: '满足官方认可的语言水平证明即可'
}
],
courseSetTab: 0,
popupVisible: false,
listData: [
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/school_mary1.png' },
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/school_mary2.png' },
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/school_mary3.png' },
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/school_mary4.png' },
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/school_mary5.png' }
],
listDataH5: [
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/h5/school-bimg1.png' },
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/h5/school-bimg2.png' },
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/h5/school-bimg3.png' },
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/h5/school-bimg4.png' },
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/h5/school-bimg5.png' }
],
swiperOption: {
observer: true,
observeParents: true,
speed: 400,
autoplay: true,
delay: 3000,
loop: true,
slidesPerView: 'auto',
centeredSlides: true,
spaceBetween: 20,
on: {
init() {
_this.swiper.slideNext()
}
}
},
swiperOption2: {
observer: true,
observeParents: true,
speed: 400,
autoplay: true,
delay: 3000,
loop: true,
slidesPerView: 'auto',
centeredSlides: true,
spaceBetween: 20,
pagination: {
el: '.swiper-pagination'
},
on: {
init() {
_this.swiper.slideNext()
}
}
}
}
},
computed: {
swiper() {
return this.$refs.mySwiper.swiper
},
isMobile() {
return this.$store.state.isMobile
}
},
methods: {
swiperStop() {
this.swiper.autoplay.stop()
},
swiperStart() {
this.swiper.autoplay.start()
},
courseTab(n) {
this.courseSetTab = n
}
}
}
</script>
<style lang="scss" scoped>
.is-pc {
.banner {
position: relative;
.img_banner {
width: 100%;
height: 100%;
}
}
.img_ranking {
width: 100%;
height: 100%;
// margin-top: -10px;
}
.section {
.content_school {
height: 444px;
width: 1200px;
margin: 70px auto;
text-align: center;
display: flex;
justify-content: space-around;
align-items: center;
line-height: 2;
font-size: 18px;
color: #666666;
// box-sizing: border-box;
.content_left {
padding-right: 100px;
min-width: 600px;
height: 100%;
.content_tit {
text-align: center;
display: flex;
justify-content: flex-start;
margin-top: 64px;
.line {
width: 6px;
height: 34px;
background: #aa1941;
margin-right: 9px;
margin-top: 6px;
}
.tit_desc {
color: #333333;
font-size: 34px;
font-weight: bold;
}
}
.content_left_bottom {
text-align: justify;
line-height: 2;
font-size: 18px;
color: #666666;
}
}
.content_right {
min-width: 600px;
height: 100%;
}
.content_right2 {
padding-left: 49px;
text-align: justify;
}
}
.content_apply {
width: 100%;
display: flex;
justify-content: space-between;
margin-top: 31px;
.content_apply_item:nth-child(1) {
padding-top: 78px;
img {
width: 104px;
height: 80px;
line-height: 100%;
}
}
.content_apply_item {
padding: 68px 39px 0 41px;
width: 380px;
height: 400px;
opacity: 1;
background-color: #fff;
display: flex;
flex-direction: column;
align-items: center;
img {
width: 91.66px;
height: 91.66px;
line-height: 100%;
}
.top_text {
font-size: 20px;
font-weight: 500;
color: #484848;
margin-top: 20px;
}
.content_apply_item_center {
text-align: center;
font-size: 16px;
font-weight: 400;
color: #666666;
margin-top: 27px;
line-height: 30px;
}
}
}
.content_arrange {
display: flex;
justify-content: space-between;
.content_arrange_item {
width: 292px;
height: 345px;
margin-right: 11px;
cursor: pointer;
position: relative;
img {
width: 100%;
height: 100%;
}
.mask {
position: absolute;
background: rgba(0, 0, 0, 0.6);
color: #ffffff;
opacity: 1;
top: 0;
right: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
.desc {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
.desc_tit {
font-size: 24px;
font-weight: 500;
color: #ffffff;
text-align: center;
}
}
}
}
.course-set {
background: #fff;
// margin: 30px auto 0;
padding: 30px;
margin-bottom: 90px;
p {
font-size: 20px;
font-weight: 400;
color: #333333;
}
img {
width: 1140px;
margin-top: 20px;
}
}
}
}
.is-h5 {
.banner {
img {
width: 100%;
display: block;
}
}
.h5-course-set {
background: #fff;
padding: 0.05rem 0.12rem;
margin-bottom: 0.2rem;
.desc {
font-size: 0.12rem;
color: #666666;
font-weight: bold;
}
img {
margin-top: 0.1rem;
}
}
.h5-content {
padding: 0 0.15rem;
img {
width: 100%;
display: block;
}
p {
font-size: 0.12rem;
font-weight: 300;
line-height: 2;
color: #424242;
}
p + p {
margin-top: 0.1rem;
}
.h5-title {
font-size: 0.14rem;
font-weight: bold;
color: #424242;
line-height: 0.36rem;
&.m-t-10 {
margin-top: 0.1rem;
}
}
.h5-list {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
img {
margin-top: 0.1rem;
// width: 1.08rem;
// height: 1.4rem;
// display: block;
}
}
p {
font-size: 0.12rem;
font-weight: 300;
color: #424242;
line-height: 2;
// margin-top: 0.3rem;
.desc {
font-weight: bold;
}
}
.img-list {
overflow-x: scroll;
display: flex;
.xz-content {
width: 6rem;
margin: auto;
text-align: center;
display: flex;
.img-box {
position: relative;
flex: 1;
.img2 {
width: 956px;
position: absolute;
top: 0;
right: 60px;
}
}
.xz-item {
width: 3rem;
height: 2rem;
margin-right: 0.1rem;
cursor: pointer;
position: relative;
.desc {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
.desc_tit {
font-size: 0.16rem;
font-weight: 500;
color: #ffffff;
white-space: nowrap;
}
}
}
.xz1 {
background: url('https://webapp-pub.ezijing.com/project/cbu-online/h5/h5-school-img1.png');
}
.xz2 {
background: url('https://webapp-pub.ezijing.com/project/cbu-online/h5/h5-school-img2.png');
}
.xz3 {
background: url('https://webapp-pub.ezijing.com/project/cbu-online/h5/h5-school-img3.png');
}
.xz4 {
background: url('https://webapp-pub.ezijing.com/project/cbu-online/h5/h5-school-img4.png');
}
}
}
.swiper-content {
padding-bottom: 0.5rem;
}
}
}
::v-deep {
.swiper-pagination-bullet-active {
background: #fff;
}
}
.section {
max-width: 1212px;
margin: 90px auto;
.title {
position: relative;
// margin-top: 20px;
margin-bottom: 20px;
padding-left: 20px;
height: 32px;
font-size: 32px;
line-height: 1;
font-weight: 700;
border-left: 7px solid #aa1941;
}
p {
font-size: 18px;
line-height: 2;
color: #666666;
text-align: justify;
}
p + p {
margin-top: 20px;
}
}
</style>
pages/about/teacher.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
<template>
<div :class="isMobile ? 'is-h5' : 'is-pc'">
<app-frame :data="frameParams">
<div class="teacher-content-box">
<div class="content-box">
<div class="teacher-box">
<div class="mar-t-box" v-for="(item, index) in teacherList" :key="index">
<div class="title">{{ item.title }}</div>
<ul>
<template v-for="(cItem, cIndex) in item.list">
<li :key="cIndex + '='">
<img :src="cItem.image" />
<div class="name">{{ cItem.name }}</div>
<div class="p" v-html="cItem.intr"></div>
</li>
</template>
</ul>
</div>
</div>
</div>
</div>
</app-frame>
</div>
</template>
<script>
import appFrame from '@/components/appFrame'
export default {
layout: 'normal',
components: {
appFrame
},
data() {
return {
teacherList: [
{
title: this.$t('teachers.tit1'),
list: [
{
image: 'https://webapp-pub.ezijing.com/project/marywood/mary-tea-t1.png',
name: 'Arthur Comstock',
intr: '理海大学博士<br />教授兼系主任'
},
{
image: 'https://webapp-pub.ezijing.com/project/marywood/mary-tea-t2.png',
name: 'Chris Speicher',
intr: '天普大学博士<br />副教授'
},
{
image: 'https://webapp-pub.ezijing.com/project/marywood/mary-tea-t3.png',
name: 'Kerimcan Ozcan',
intr: '密西根大学博士<br />副教授'
},
{
image: 'https://webapp-pub.ezijing.com/project/marywood/mary-tea-t4.png',
name: 'Monica Law',
intr: '宾夕法尼亚州立大学博士<br />副教授'
},
{
image: 'https://webapp-pub.ezijing.com/project/marywood/mary-tea-t5.png',
name: 'Uldarico Rex Dumdum',
intr: '纽约州立大学宾汉姆顿分校博士<br />副教授'
}
]
},
{
title: this.$t('teachers.tit2'),
list: [
{
image: 'https://webapp-pub.ezijing.com/project/marywood/mary-tea-t6.png',
name: '肇越',
intr: '清华大学五道口金融学院经济学博士<br />香港致富证券首席经济学家'
},
{
image: 'https://webapp-pub.ezijing.com/project/marywood/mary-tea-t7.png',
name: '张恩忠',
intr: '美国普渡大学博士<br />中国人民大学市场营销系副教授'
},
{
image: 'https://webapp-pub.ezijing.com/project/marywood/mary-tea-t8.png',
name: '冯云霞',
intr: '荷兰马斯特里赫特商学院工商管理博士<br />中国人民大学组织与人力资源系教授'
},
{
image: 'https://webapp-pub.ezijing.com/project/marywood/mary-tea-t9.png',
name: '王小华',
intr: '加拿大西安大略大学博士<br />北京师范大学心理学部副教授'
}
]
}
],
frameParams: {
banner: 'https://webapp-pub.ezijing.com/project/marywood/mary_banner_nx4.jpg',
slider: [
{
name: this.$t('menu.schoolChild.school3'),
path: '/about/school'
},
{
name: this.$t('menu.courseChild.teachers'),
path: '/about/teacher'
}
]
}
}
},
mounted() {},
computed: {
isMobile() {
return this.$store.state.isMobile
}
}
}
</script>
<style lang="scss" scoped>
.is-pc {
.teacher-content-box {
width: 1200px;
margin: 0 auto;
padding: 56px 0;
.content-box {
padding: 60px 75px 61px;
.teacher-box {
.title {
font-size: 22px;
font-weight: bold;
line-height: 100%;
color: #333333;
}
ul {
display: flex;
flex-wrap: wrap;
padding-top: 30px;
li {
width: 180px;
// margin-right: 249px;
margin-right: 140px;
margin-bottom: 40px;
&:nth-child(3n + 3) {
margin-right: 0;
}
img {
display: block;
width: 100%;
}
.name {
font-size: 18px;
color: #aa1941;
line-height: 100%;
margin-top: 20px;
margin-bottom: 10px;
}
.p {
font-size: 14px;
// line-height: 100%;
color: #666666;
white-space: nowrap;
margin-bottom: 5px;
}
}
}
}
}
}
}
.is-h5 {
.teacher-content-box {
.content-box {
padding: 0.3rem 0.32rem 0.3rem;
.teacher-box {
.title {
font-size: 0.14rem;
font-weight: bold;
line-height: 100%;
color: #333333;
}
ul {
display: flex;
flex-wrap: wrap;
padding-top: 0.15rem;
li {
width: 1.32rem;
margin-left: 0.3rem;
margin-bottom: 0.13rem;
&:nth-child(odd) {
margin-left: 0;
}
img {
display: block;
width: 100%;
}
.name {
font-size: 0.14rem;
line-height: 100%;
color: #aa1941;
margin-top: 0.1rem;
margin-bottom: 0.03rem;
}
.p {
font-size: 0.1rem;
line-height: 0.13rem;
color: #666666;
margin-top: 0.03rem;
}
}
}
}
}
}
}
</style>
pages/alumni/outstanding.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
<template>
<div :class="isMobile ? 'is-h5' : 'is-pc'">
<app-frame :data="frameParams">
<div class="outstanding">
<div class="alumni">
<!-- <h5>{{ $t('outstanding.title1') }}</h5> -->
<ul class="card-list">
<li v-for="(item, index) in studentList" :key="index">
<div class="avatar">
<img :src="item.avatar" />
</div>
<div class="text">
<h6>{{ item.name }}</h6>
<p v-for="it in item.post" :key="it">{{ it }}</p>
</div>
</li>
</ul>
</div>
</div>
</app-frame>
</div>
</template>
<script>
import appFrame from '@/components/appFrame'
export default {
layout: 'normal',
components: {
appFrame
},
data() {
return {
studentList: [
{
avatar: 'https://webapp-pub.ezijing.com/project/marywood/mary628-sta-t1.png',
name: '甄清波',
post: ['上海洛安资产管理集团有限公司', '创始人/总裁']
},
{
avatar: 'https://webapp-pub.ezijing.com/project/marywood/mary628-sta-t2.png',
name: '张志刚',
post: ['抚州市临川区第一文化馆', '白浒窑陶瓷非遗传承人']
},
{
avatar: 'https://webapp-pub.ezijing.com/project/marywood/mary628-sta-t3.png',
name: '纪元明',
post: ['华景川集团有限公司', '联合创始人/总裁']
},
{
avatar: 'https://webapp-pub.ezijing.com/project/marywood/mary628-sta-t4.png',
name: '廖述斌',
post: ['简道众创投资股份有限公司', '创始人/总裁']
},
{
avatar: 'https://webapp-pub.ezijing.com/project/marywood/mary628-sta-t5.png',
name: '孙元欣',
post: ['橫琴元博文创资本管理中心', '西安中星量子科技产业园有限公司', '董事长']
},
{
avatar: 'https://webapp-pub.ezijing.com/project/marywood/mary628-sta-t6.png',
name: '马波',
post: ['上海广播电视台（集团）兰馨文化', '副总经理']
}
],
frameParams: {
banner: 'https://webapp-pub.ezijing.com/project/marywood/alumni_banner.jpg',
slider: [
{
name: this.$t('menu.alumniChild.outstanding'),
path: '/alumni/outstanding'
},
{
name: this.$t('menu.alumniChild.share'),
path: '/alumni/sharing'
}
]
}
}
},
computed: {
isMobile() {
return this.$store.state.isMobile
}
}
}
</script>
<style lang="scss" scoped>
.is-pc{
.alumni {
padding: 30px 74px;
h5 {
font-size: 22px;
font-family: Source Han Sans CN;
font-weight: 500;
line-height: 74px;
color: #333333;
}
.card-list {
margin-bottom: 30px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
li {
width: 410px;
height: 195px;
background: #ebebeb;
display: flex;
margin: 0 20px 21px 0;
transition: 0.5s ease-in-out;
.avatar {
width: 204px;
height: 100%;
img {
width: 157px;
height: 157px;
margin: 20px 0 0 23px;
}
}
.text {
margin-top: 30px;
h6 {
font-size: 18px;
font-family: HelveticaNeueLTPro-Md;
line-height: 18px;
color: #aa1941;
margin-bottom: 10px;
}
p {
font-size: 14px;
font-family: Source Han Sans CN;
font-weight: 400;
line-height: 22px;
color: #666;
}
div {
font-size: 12px;
font-family: Source Han Sans CN;
font-weight: 300;
line-height: 18px;
color: #666;
}
}
}
li:nth-child(even) {
margin-right: 0;
}
li:hover {
background: #aa1941;
.text {
h6,
p,
div {
color: #fff;
}
}
}
}
}
}
.is-h5{
.alumni {
padding: .2rem .16rem .35rem;
h5 {
font-size: .14rem;
font-weight: 700;
line-height: 100%;
padding: .2rem 0;
color: #333;
}
.card-list {
margin-bottom: .15rem;
display: flex;
flex-direction: row;
flex-wrap: wrap;
li {
box-sizing: border-box;
width: 1.68rem;
background: #ebebeb;
padding: .11rem .05rem;
display: flex;
margin-bottom: .06rem;
margin-left: .06rem;
&:nth-child(odd){
margin-left: 0;
}
.avatar {
// width: 204px;
// height: 100%;
img {
width: .63rem;
height: .63rem;
display: block;
}
}
.text {
// margin-top: .3rem;
margin-left: .1rem;
h6 {
font-size: .11rem;
color: #aa1941;
font-weight: 700;
white-space: nowrap;
}
p {
font-size: .1rem;
line-height: .15rem;
margin-top: .05rem;
color: #666;
}
div {
font-size: .07rem;
line-height: .15rem;
color: #666;
margin-top: .02rem;
}
}
}
li:nth-child(even) {
margin-right: 0;
}
li:hover {
background: #aa1941;
.text {
h6,
p,
div {
color: #fff;
}
}
}
}
}
}
</style>
pages/alumni/sharing/_id.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
<template>
<div :class="isMobile ? 'is-h5' : 'is-pc'">
<app-frame :data="frameParams">
<div class="detail-content-box">
<div class="content-box">
<div class="back-btn" @click="$router.go(-1)">
<div class="el-icon-arrow-left"></div>
<div class="text">返回</div>
</div>
<div class="times">{{ formatDate(data.start_time) }}</div>
<div class="titles">{{ data.title }}</div>
<div class="article-content" v-html="data.content"></div>
<recommend />
</div>
</div>
</app-frame>
</div>
</template>
<script>
import appFrame from '@/components/appFrame'
import recommend from '@/components/recommend'
export default {
layout: 'normal',
components: {
appFrame,
recommend
},
data() {
return {
frameParams: {
slider: [
{
name: this.$t('menu.alumniChild.outstanding'),
path: '/alumni/outstanding'
},
{
name: this.$t('menu.alumniChild.share'),
path: '/alumni/sharing'
}
]
},
data: {},
listData: []
}
},
async fetch() {
this.data = await this.$axios.get(`/api/cms/api/v1/article/${this.$route.params.id}/detail`).then(res => {
return res.data
})
},
mounted() {},
methods: {
formatDate(value) {
const date = new Date(value * 1000)
console.log(date.getMonth())
return date.getFullYear() + '/' + (date.getMonth() + 1) + '/' + date.getDate()
}
},
computed: {
isMobile() {
return this.$store.state.isMobile
}
}
}
</script>
<style lang="scss" scoped>
::v-deep {
img {
max-width: 100%;
height: auto !important;
}
}
.is-pc {
.detail-content-box {
// background: #fff;
// box-sizing: border-box;
// margin-bottom: 100px;
.content-box {
padding: 50px 50px 94px;
}
.back-btn {
display: flex;
align-items: center;
cursor: pointer;
.el-icon-arrow-left {
color: rgba(153, 153, 153, 1);
font-size: 16px;
}
.text {
font-size: 16px;
color: #999999;
}
}
.times {
font-size: 16px;
line-height: 100%;
margin: 35px 0 16px;
color: #999999;
}
.titles {
font-size: 32px;
font-weight: bold;
color: #141414;
// height: 62px;
border-bottom: 1px solid #e6e6e6;
padding-bottom: 10px;
// line-height: 100%;
}
.article-content {
padding-top: 25px;
font-size: 14px;
line-height: 28px;
color: #333333;
img {
display: block;
width: 100%;
margin-top: 40px;
}
}
.recommend-content {
border-top: 1px solid #e6e6e6;
padding-top: 37px;
.titles {
display: flex;
align-items: center;
.line {
width: 6px;
height: 22px;
background: #aa1941;
}
.text {
font-size: 22px;
color: #333333;
margin-left: 10px;
}
}
.list-box {
margin-top: 50px;
display: flex;
justify-content: space-between;
li {
width: 280px;
img {
width: 280px;
height: 184px;
display: block;
}
.dec {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
font-size: 16px;
line-height: 26px;
color: #333333;
margin-top: 10px;
}
}
}
}
.more-btn {
position: relative;
z-index: 999;
width: 164px;
height: 40px;
border: 1px solid #d3d3d3;
border-radius: 8px;
line-height: 40px;
text-align: center;
font-size: 16px;
color: #999999;
margin: 50px auto 0;
cursor: pointer;
}
}
}
.is-h5 {
.detail-content-box {
// background: #fff;
// box-sizing: border-box;
// margin-bottom: 100px;
.content-box {
padding: 0.25rem 0.25rem 0.47rem;
}
.back-btn {
display: flex;
align-items: center;
cursor: pointer;
.el-icon-arrow-left {
color: rgba(153, 153, 153, 1);
font-size: 16px;
}
.text {
font-size: 0.14rem;
color: #999999;
}
}
.times {
font-size: 0.14rem;
line-height: 100%;
margin: 0.17rem 0 0.08rem;
color: #999999;
}
.titles {
font-size: 0.18rem;
font-weight: bold;
color: #141414;
// height: 62px;
border-bottom: 1px solid #e6e6e6;
padding-bottom: 0.05rem;
// line-height: 100%;
}
.article-content {
padding-top: 0.13rem;
font-size: 0.12rem;
line-height: 0.14rem;
color: #333333;
img {
display: block;
width: 100%;
margin-top: 0.2rem;
}
}
.recommend-content {
border-top: 1px solid #e6e6e6;
padding-top: 0.17rem;
.titles {
display: flex;
align-items: center;
.line {
width: 0.03rem;
height: 0.11rem;
background: #aa1941;
}
.text {
font-size: 0.16rem;
color: #333333;
margin-left: 0.05rem;
}
}
.list-box {
margin-top: 0.25rem;
display: flex;
justify-content: space-between;
li {
width: 1.4rem;
img {
width: 1.4rem;
height: 0.92rem;
display: block;
}
.dec {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
font-size: 0.14rem;
line-height: 0.13rem;
color: #333333;
margin-top: 0.05rem;
}
}
}
}
.more-btn {
position: relative;
z-index: 999;
width: 0.82rem;
height: 0.2rem;
border: 1px solid #d3d3d3;
border-radius: 0.04rem;
line-height: 0.2re;
text-align: center;
font-size: 0.14rem;
color: #999999;
margin: 0.25rem auto 0;
cursor: pointer;
}
}
}
</style>
pages/alumni/sharing/index.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
<template>
<app-frame :data="frameParams">
<article-list v-bind="listOptions"></article-list>
</app-frame>
</template>
<script>
import appFrame from '@/components/appFrame'
import ArticleList from '@/components/ArticleList'
import { getArticleList } from '@/api'
export default {
layout: 'normal',
components: { appFrame, ArticleList },
data() {
return {
frameParams: {
banner: 'https://webapp-pub.ezijing.com/project/marywood/alumni_banner.jpg',
slider: [
{
name: this.$t('menu.alumniChild.outstanding'),
path: '/alumni/outstanding',
},
{
name: this.$t('menu.alumniChild.share'),
path: '/alumni/sharing',
}
]
}
}
},
computed: {
listOptions() {
return {
remote: {
httpRequest: getArticleList,
params: { project_id: process.env.newProjectId, type_tag: 'kelley_alumni_share' }
},
to(item) {
return `/alumni/sharing/${item.id}`
}
}
}
}
}
</script>
pages/apply/problem.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
<template>
<div :class="isMobile ? 'is-h5' : 'is-pc'">
<div class="problem-content-box">
<app-frame :data="frameParams">
<div class="content-box">
<template v-for="(item, index) in problemList">
<div class="problem-item-box" :key="index">
<div class="title">{{ item.title }}</div>
<ul>
<template v-for="(cItem, cIndex) in item.problem">
<li :key="cIndex + '='">
<div class="pro-tit">{{ cItem.tit }}</div>
<div class="answer" v-html="cItem.answer"></div>
</li>
</template>
</ul>
</div>
</template>
</div>
</app-frame>
</div>
</div>
</template>
<script>
import appFrame from '@/components/appFrame'
export default {
layout: 'normal',
components: {
appFrame
},
data() {
return {
problemList: [
{
title: '',
problem: [
{
tit: 'Q:本项目毕业生颁发的学位证书与在美国颁发的证书有何不同？',
answer: '没有不同，完全一样，具有相同的形式和效力。'
},
{
tit: 'Q:本项目上课形式是怎么样？',
answer:
'本项目采用在线学习和线下面授相结合的授课方式。在线学习时，学生可根据自己的时间灵活安排学习，线下面授采用周末或短期集中安排的方式。'
},
{
tit: 'Q:本项目学制多久？',
answer: '本项目学制为16个月。'
},
{
tit: 'Q:能否顺利毕业拿到证书呢？',
answer: '修满36个学分的学员可获得美国玛丽伍德大学颁发的MBA学位证书。'
},
{
tit: 'Q:本项目是在职还是全职？',
answer: '本项目为在职MBA项目，采用在线学习和线下面授相结合的学习方式。'
},
{
tit: 'Q:如何申请玛丽伍德工商管理硕士(MBA)学位项目？',
answer: '请参考网站首页——招生信息——有关申请。'
},
{
tit: 'Q:大概流程是什么？',
answer: `
该项目申请流程为：<br />
1. 在线报名<br />
2. 参加面试<br />
3. 获得录取<br />
4. 缴纳学费<br />
5. 入学学习`
},
{
tit: 'Q:需要提交哪些材料？',
answer: `申请项目需提交：<br />
1. 本科学历证书。<br />
2. 身份证正、反面照片。<br />
3. 一寸白底证件照。<br />
<br />
学籍注册需提交：<br />
1. 本科阶段中、英文双语版成绩单。<br />
2. 英文版《教育部学历证书电子注册备案表》。<br />
3. 入学协议。<br />
4. 英文简历。<br />
5. 推荐信2封。<br />
6. 缴费凭证。
`
},
{
tit: 'Q:玛丽伍德工商管理硕士(MBA)学位项目的学费是多少？',
answer: '该项目学费为人民币6.9万元。'
},
{
tit: 'Q:学费可以分期吗？',
answer: '项目学费由学生在入学前向紫荆教育一次性缴清，不可分期。'
}
]
}
],
frameParams: {
banner: 'https://webapp-pub.ezijing.com/project/marywood/apply_banner.jpg',
slider: [
{
name: this.$t('menu.recruitChild.apply'),
path: '/apply/relevant'
},
{
name: this.$t('menu.recruitChild.cost'),
path: '/apply/support'
},
{
name: this.$t('menu.recruitChild.problem'),
path: '/apply/problem'
}
]
}
}
},
computed: {
isMobile() {
return this.$store.state.isMobile
}
}
}
</script>
<style lang="scss" scoped>
.is-pc {
.problem-content-box {
width: 1200px;
margin: 0 auto;
.content-box {
padding: 54px 104px 90px 87px;
.problem-item-box {
margin-bottom: 80px;
.title {
font-size: 22px;
font-weight: bold;
line-height: 100%;
color: #333333;
}
ul {
padding-top: 30px;
li {
width: 808px;
margin-bottom: 15px;
.pro-tit {
font-size: 16px;
font-weight: bold;
line-height: 32px;
color: #666666;
border-bottom: 1px solid #e6e6e6;
}
.answer {
font-size: 16px;
line-height: 32px;
color: #424242;
}
}
}
}
}
}
}
.is-h5 {
.problem-content-box {
margin: 0 auto;
.content-box {
padding: 0.25rem 0.5rem 0.45rem 0.44rem;
.problem-item-box {
margin-bottom: 0.4rem;
.title {
font-size: 0.14rem;
font-weight: bold;
line-height: 100%;
color: #333333;
}
ul {
padding-top: 0.15rem;
li {
margin-bottom: 0.18rem;
.pro-tit {
font-size: 0.12rem;
font-weight: bold;
line-height: 0.16rem;
color: #666666;
border-bottom: 1px solid #e6e6e6;
}
.answer {
font-size: 0.12rem;
line-height: 0.16rem;
color: #424242;
}
}
}
}
}
}
}
</style>
pages/apply/relevant.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
<template>
<div :class="isMobile ? 'is-h5' : 'is-pc'">
<app-frame :data="frameParams">
<div class="rele-content-box">
<div class="content-box">
<div class="text-content">
<div class="title">{{ $t('apply.con1Tit') }}</div>
<div class="con-txt" v-html="$t('apply.con1Txt')"></div>
<!-- <div class="title mar-t55">{{ $t('apply.con2Tit') }}</div> -->
<!-- <div class="con-txt" v-html="$t('apply.con2Txt')"></div> -->
</div>
<img src="https://webapp-pub.ezijing.com/project/marywood/apply-img-x.png" />
</div>
</div>
</app-frame>
</div>
</template>
<script>
import appFrame from '@/components/appFrame'
export default {
layout: 'normal',
components: {
appFrame
},
data() {
return {
newsList: [],
frameParams: {
banner: 'https://webapp-pub.ezijing.com/project/marywood/apply_banner.jpg',
slider: [
{
name: this.$t('menu.recruitChild.apply'),
path: '/apply/relevant'
},
{
name: this.$t('menu.recruitChild.cost'),
path: '/apply/support'
},
{
name: this.$t('menu.recruitChild.problem'),
path: '/apply/problem'
}
]
}
}
},
computed: {
isMobile() {
return this.$store.state.isMobile
}
}
}
</script>
<style lang="scss" scoped>
.is-pc {
.rele-content-box {
.content-box {
img {
width: 500px;
margin-top: 30px;
display: block;
}
padding-top: 46px;
padding-bottom: 106px;
.text-content {
padding-left: 87px;
.title {
font-size: 22px;
font-weight: bold;
line-height: 100%;
color: #333333;
&.mar-t55 {
margin-top: 55px;
}
}
.con-txt {
font-size: 16px;
line-height: 34px;
color: #424242;
margin-top: 20px;
}
}
}
}
}
.is-h5 {
.rele-content-box {
background: #fff;
padding: 0.3rem 0.2rem;
.content-box {
img {
width: 2.5rem;
display: block;
margin-top: 0.15rem;
}
padding-bottom: 0.5rem;
.text-content {
// margin-bottom: .4rem;
.title {
font-size: 0.14rem;
font-weight: bold;
line-height: 100%;
color: #333333;
&.mar-t55 {
margin-top: 0.25rem;
}
}
.con-txt {
font-size: 0.12rem;
line-height: 0.24rem;
color: #424242;
padding-top: 0.14rem;
}
}
}
}
}
</style>
pages/apply/support.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
<template>
<div :class="isMobile ? 'is-h5' : 'is-pc'">
<app-frame :data="frameParams">
<div class="rele-content-box">
<div class="content-box">
<div class="text-content">
<div class="title">{{ $t('cost.con1Tit') }}</div>
<div class="con-txt" v-html="$t('cost.con1Txt')"></div>
<!-- <div class="title mar-t55">{{ $t('cost.con2Tit') }}</div>
<div class="con-txt" v-html="$t('cost.con2Txt')"></div> -->
</div>
</div>
</div>
</app-frame>
</div>
</template>
<script>
import appFrame from '@/components/appFrame'
export default {
layout: 'normal',
components: {
appFrame
},
data() {
return {
newsList: [],
frameParams: {
banner: 'https://webapp-pub.ezijing.com/project/marywood/apply_banner.jpg',
slider: [
{
name: this.$t('menu.recruitChild.apply'),
path: '/apply/relevant'
},
{
name: this.$t('menu.recruitChild.cost'),
path: '/apply/support'
},
{
name: this.$t('menu.recruitChild.problem'),
path: '/apply/problem'
}
]
}
}
},
computed: {
isMobile() {
return this.$store.state.isMobile
}
}
}
</script>
<style lang="scss" scoped>
.is-pc {
.rele-content-box {
.content-box {
padding-top: 46px;
padding-bottom: 106px;
.text-content {
padding-left: 87px;
.title {
font-size: 22px;
font-weight: bold;
line-height: 100%;
color: #333333;
&.mar-t55 {
margin-top: 55px;
}
}
.con-txt {
font-size: 16px;
line-height: 34px;
color: #424242;
margin-top: 20px;
}
}
}
}
}
.is-h5 {
.rele-content-box {
background: #fff;
padding: 0.3rem 0.2rem;
.content-box {
.text-content {
padding-left: 0.4rem;
.title {
font-size: 0.14rem;
font-weight: bold;
line-height: 100%;
color: #333333;
&.mar-t55 {
margin-top: 0.25rem;
}
}
.con-txt {
font-size: 0.12rem;
line-height: 0.24rem;
color: #424242;
padding-top: 0.14rem;
}
}
}
}
}
</style>
pages/campusList/campusList.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
<template>
<div class="main_content">
<TabContent @tabChange="tabChange" />
<div class="main_content_list">
<div class="list_con" v-for="(item, index) in swiperList" :key="index">
<img v-lazy="item.img_small" class="con_imgSmall" @click="handleShowPic(index)" />
</div>
</div>
<div class="swiper-content" v-show="isShowSwiper === true">
<div v-swiper:mySwiper="swiperOption" ref="mySwiper">
<div class="swiper-wrapper">
<div class="swiper-slide" v-for="(item, indexItem) in swiperList" :key="indexItem">
<img v-lazy="item.img_big" class="img_big" />
<img
src="https://webapp-pub.ezijing.com/project/cbu-online/swiper_next.png"
alt=""
class="swiper_next"
@click="handleNext(indexItem)"
/>
<img
src="https://webapp-pub.ezijing.com/project/cbu-online/swiper_prev.png"
alt=""
class="swiper_prev"
@click="handlePrev(indexItem)"
/>
</div>
</div>
</div>
</div>
<div class="overlay" @click="handleClose" v-if="isShowSwiper === true"></div>
</div>
</template>
<script>
import TabContent from './components/TabContent.vue'
import 'swiper/css/swiper.css'
export default {
layout: 'normal',
components: {
TabContent
},
data() {
const _this = this
return {
campusList: [
{
list: [
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/library15_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/library15_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/library16_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/library16_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/library1_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/library1_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/library2_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/library2_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/library12_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/library12_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/library13_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/library11_2.jpeg'
},
// {
// img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/library3_1.png',
// img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/library3_2.png'
// },
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/library4_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/library4_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/library5_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/library5_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/library6_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/library6_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/library7_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/library7_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/library8_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/library8_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/library9_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/library9_2.png'
}
]
},
{
list: [
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/laboratory2_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/laboratory2_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/laboratory1_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/laboratory1_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/laboratory3_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/laboratory3_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/laboratory4_1.jpeg',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/laboratory4_2.jpeg'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/laboratory5_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/laboratory5_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/laboratory6_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/laboratory6_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/laboratory7_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/laboratory7_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/laboratory8_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/laboratory8_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/laboratory10_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/laboratory10_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/laboratory11_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/laboratory11_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/laboratory12_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/laboratory12_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/laboratory9_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/laboratory9_2.png'
}
]
},
{
list: [
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/restaurant3_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/restaurant3_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/restaurant1_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/restaurant1_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/restaurant5_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/restaurant5_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/restaurant7_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/restaurant7_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/restaurant2_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/restaurant2_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/restaurant4_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/restaurant4_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/restaurant6_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/restaurant6_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/restaurant8_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/restaurant8_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/restaurant9_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/restaurant9_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/restaurant10_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/restaurant10_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/restaurant11_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/restaurant11_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/restaurant12_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/restaurant12_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/restaurant13_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/restaurant13_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/restaurant14_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/restaurant14_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/restaurant15_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/restaurant15_2.jpeg'
}
]
},
{
list: [
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/playField1_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/playField1_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/playField2_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/playField2_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/playField3_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/playField3_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/playField4_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/playField4_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/playField5_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/playField5_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/playField7_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/playField7_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/playField8_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/playField8_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/playField9_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/playField9_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/playField10_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/playField10_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/playField11_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/playField11_2.jpeg'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/playField12_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/playField12_2.jpeg'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/playField13_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/playField13_2.jpeg'
}
]
},
{
list: [
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/schoolSenery13_1.jpeg',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/schoolSenery13_2.jpeg'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/schoolSenery1_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/schoolSenery1_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/schoolSenery2_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/schoolSenery2_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/schoolSenery3_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/schoolSenery3_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/schoolSenery4_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/schoolSenery4_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/schoolSenery5_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/schoolSenery5_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/schoolSenery6_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/schoolSenery6_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/schoolSenery7_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/schoolSenery7_2.png'
},
// {
// img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/schoolSenery8_1.png',
// img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/schoolSenery8_2.png'
// },
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/schoolSenery9_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/schoolSenery9_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/schoolSenery10_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/schoolSenery10_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/schoolSenery11_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/schoolSenery11_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/schoolSenery14_1.jpeg',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/schoolSenery14_2.jpeg'
}
]
},
{
list: [
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/activity1_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/activity1_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/activity2_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/activity2_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/activity3_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/activity3_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/activity4_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/activity4_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/activity5_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/activity5_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/activity7_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/activity7_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/activity8_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/activity8_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/activity9_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/activity9_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/activity10_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/activity10_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/activity11_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/activity11_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/activity12_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/activity12_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/activity13_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/activity13_2.jpeg'
}
]
},
{
list: [
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/graduation1_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/graduation1_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/graduation2_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/graduation2_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/graduation3_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/graduation3_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/graduation4_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/graduation4_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/graduation5_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/graduation5_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/graduation6_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/graduation6_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/graduation7_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/graduation7_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/graduation8_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/graduation8_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/graduation9_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/graduation9_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/graduation10_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/graduation10_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/graduation11_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/graduation11_2.png'
},
{
img_small: 'https://webapp-pub.ezijing.com/project/cbu-online/graduation12_1.png',
img_big: 'https://webapp-pub.ezijing.com/project/cbu-online/graduation12_2.png'
}
]
}
],
showIndex: 0,
isShowSwiper: false,
swiperOption: {
observer: true,
observeParents: true,
speed: 300,
slidesPerView: 'auto',
centeredSlides: true,
spaceBetween: 20
}
}
},
methods: {
// tab切换
tabChange(n) {
this.showIndex = n
},
// 展示大图
handleShowPic(index) {
this.isShowSwiper = true
this.swiper.slideTo(index)
},
// 关闭遮罩层
handleClose() {
this.isShowSwiper = false
},
// 轮播下一张图
handleNext(indexItem) {
if (indexItem < this.swiperList.length - 1) {
this.swiper.slideNext()
} else {
this.$message('这已经是最后一张图片')
}
},
// 轮播上一张图
handlePrev(indexItem) {
if (indexItem <= 0) {
this.$message('这已经是第一张图片')
} else {
this.swiper.slidePrev()
}
}
},
computed: {
isMobile() {
return this.$store.state.isMobile
},
swiper() {
return this.$refs.mySwiper.swiper
},
swiperList() {
return this.campusList[this.showIndex].list
}
}
}
</script>
<style lang="scss" scoped>
.main_content {
width: 1200px;
margin: 30px auto;
margin-bottom: 340px;
.main_content_list {
margin-top: 38px;
display: flex;
flex-wrap: wrap;
.con_imgSmall {
cursor: pointer;
width: 380px;
flex: 0 0 33%;
border-radius: 10px 10px 10px 10px;
margin: 9px;
&:hover {
box-shadow: 0px 3px 25px 1px rgba(0, 0, 0, 0.2627450980392157);
}
}
.swiper-wrapper {
z-index: 3000;
position: absolute;
}
}
.swiper {
position: fixed;
z-index: 9999;
}
.overlay {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 1000;
background: rgba(0, 0, 0, 0.5);
}
}
.swiper-content {
width: 1200px;
margin: 30px auto;
position: fixed;
z-index: 2000;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
.swiper-wrapper {
display: flex;
.swiper-slide {
.img_big {
width: 100%;
height: 675px;
border-radius: 10px;
}
.swiper_next {
position: absolute;
right: 30px;
top: 50%;
cursor: pointer;
}
.swiper_prev {
position: absolute;
left: 30px;
top: 50%;
cursor: pointer;
}
}
}
}
</style>
pages/campusList/components/TabContent.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
<template>
<ul class="tab-content">
<li
v-for="(item, index) in items"
:key="index"
:class="activeIndex === index && 'active'"
@click="tabChange(index)"
>
{{ item }}
</li>
</ul>
</template>
<script>
export default {
data() {
return {
items: ['图书馆', '实验室', '餐厅&住宿', '运动场', '校园风光', '校园活动', '毕业典礼'],
activeIndex: 0
}
},
methods: {
tabChange(n) {
this.activeIndex = n
this.$emit('tabChange', n)
}
}
}
</script>
<style lang="scss" scoped>
.tab-content {
// padding-top: 0.2rem;
display: flex;
justify-content: center;
li {
min-width: 106px;
height: 38px;
text-align: center;
line-height: 38px;
font-size: 20px;
font-weight: bold;
color: #333333;
position: relative;
margin-left: 16px;
cursor: pointer;
&.active {
background: #aa1941;
border-radius: 8px 8px 8px 8px;
color: #ffffff;
cursor: pointer;
}
}
}
</style>
pages/dataDownload/dataDownload.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
<template>
<app-frame :data="frameParams" :class="isMobile ? 'is-h5' : 'is-pc'">
<div class="dataList">
<a target="_blank" :href="item.url" v-for="(item, index) in fileList" :key="index">
<div class="item" @click="download($event, item)">
<img class="item_top" src="https://webapp-pub.ezijing.com/project/sit-plus/download_bg1.png" alt="" />
<div class="doc">{{ item.name }}</div>
</div>
</a>
</div>
</app-frame>
</template>
<script>
import { saveAs } from 'file-saver'
import appFrame from '@/components/appFrame'
export default {
layout: 'normal',
components: { appFrame },
data() {
return {
frameParams: {
slider: [
{
name: this.$t('menu.dataDownload'),
path: '/dataDownload/dataDownload'
}
]
},
fileList: [
{
name: '招生简章',
url: 'https://webapp-pub.ezijing.com/project/cbu-online/%E6%8B%9B%E7%94%9F%E7%AE%80%E7%AB%A0.pdf',
icon: 'https://webapp-pub.ezijing.com/project/marywood/pdf.png'
}
// {
// name: '常见问题',
// url: 'https://webapp-pub.ezijing.com/project/cbu-online/%E5%B8%B8%E8%A7%81%E9%97%AE%E9%A2%98.pdf',
// icon: 'https://webapp-pub.ezijing.com/project/marywood/pdf.png'
// }
// {
// name: '申请材料清单.docx',
// url:
// 'https://webapp-pub.ezijing.com/project/marywood/%E7%94%B3%E8%AF%B7%E6%9D%90%E6%96%99%E6%B8%85%E5%8D%95.docx',
// icon: 'https://webapp-pub.ezijing.com/project/marywood/doc.png'
// },
// {
// name: '英文简历模板.doc',
// url:
// 'https://webapp-pub.ezijing.com/project/marywood/%E8%8B%B1%E6%96%87%E7%AE%80%E5%8E%86%E6%A8%A1%E6%9D%BF.doc',
// icon: 'https://webapp-pub.ezijing.com/project/marywood/doc.png'
// }
]
}
},
computed: {
isMobile() {
return this.$store.state.isMobile
}
},
methods: {
download(event, item) {
if (!this.isMobile) {
event.preventDefault()
saveAs(item.url, item.name)
}
}
}
}
</script>
<style lang="scss" scoped>
.is-pc {
.dataList {
width: 900px;
display: flex;
justify-content: center;
align-items: flex-start;
flex-wrap: wrap;
margin-left: 50px;
padding: 96px 0 108px 0;
.item {
width: 336px;
height: 488px;
opacity: 1;
display: flex;
justify-content: flex-start;
align-items: center;
flex-direction: column;
cursor: pointer;
background: #f6f6f6;
box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.38);
.item_top {
width: 100%;
height: 348px;
}
.doc {
width: 100%;
height: 140px;
font-size: 22px;
font-weight: 400;
line-height: 141px;
text-align: center;
color: #333333;
}
}
}
}
.is-h5 {
.dataList {
padding: 0.48rem 0 0.54rem 0;
display: flex;
justify-content: center;
.item {
width: 1.68rem;
height: 2.45rem;
opacity: 1;
display: flex;
justify-content: flex-start;
align-items: center;
flex-direction: column;
background: #f6f6f6;
cursor: pointer;
box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.38);
.item_top {
width: 100%;
height: 1.74rem;
}
.doc {
width: 100%;
height: 0.7rem;
font-size: 0.14rem;
font-weight: 400;
line-height: 0.7rem;
text-align: center;
color: #333333;
}
}
}
}
</style>
pages/academic/academic.vue → pages/degree/index.vue
浏览文件 @ ec3a6f41
<template>
<div>
<div v-if="!isMobile" class="is-pc">
<img src="https://webapp-pub.ezijing.com/project/marywood-plus/academic-banner.png" width="100%" />
<div class="main_content">
<!-- <el-image :src="url1"> </el-image> -->
<div class="img_english">
<el-image :src="url1" class="img1"></el-image>
<div class="item_english_name">博士学位证书</div>
</div>
<div class="academic_desc">
*注：学员在完成所有毕业要求后，将获得加州浸会大学授予工商管理博士学位。该学位证书与学生去加州浸会大学线下就读所获证书相同。
</div>
<!-- <div class="img_english">
<el-image :src="url2" class="img2"></el-image>
<div class="item_english_name">学历学位认证</div>
</div> -->
<img src="https://webapp-pub.ezijing.com/project/marywood-plus/academic-banner.png" width="100%" />
<div class="main_content">
<div class="img_english">
<el-image src="https:///webapp-pub.ezijing.com/project/cbu-online/pc-cert-en.png" class="img1"></el-image>
<div class="item_english_name">博士学位证书</div>
</div>
</div>
<app-frame v-else :data="frameParams" :class="isMobile ? 'is-h5' : 'is-pc'">
<img src="https://webapp-pub.ezijing.com/project/marywood-plus/academic-banner.png" width="100%" />
<div class="main_content">
<!-- <el-image :src="url1"> </el-image> -->
<div class="img_english">
<el-image :src="url1" class="img1"></el-image>
<div class="item_english_name">博士学位证书</div>
</div>
<div class="academic_desc">
*注：学员在完成所有毕业要求后，将获得加州浸会大学授予工商管理博士学位。该学位证书与学生去加州浸会大学线下就读所获证书相同。
</div>
<!-- <div class="img_english">
<el-image :src="url2" class="img2"></el-image>
<div class="item_english_name">学历学位认证</div>
</div> -->
<div class="academic_desc">
*注：学员在完成所有毕业要求后，将获得加州浸会大学授予工商管理博士学位。该学位证书与学生去加州浸会大学线下就读所获证书相同。
</div>
</app-frame>
</div>
</div>
</template>
<script>
import appFrame from '@/components/appFrame'
export default {
layout: 'normal',
components: { appFrame },
data() {
return {
// url1: 'https://webapp-pub.ezijing.com/project/marywood/academic21.png',
url1: 'https:///webapp-pub.ezijing.com/project/cbu-online/pc-cert-en.png?v=1',
url2: 'https:///webapp-pub.ezijing.com/project/cbu-online/pc-cert-cn.jpg',
frameParams: {
slider: []
}
}
},
computed: {
isMobile() {
return this.$store.state.isMobile
}
}
layout: 'normal'
}
</script>
<style lang="scss" scoped>
<style lang="scss">
.is-pc {
width: 1200px;
margin: 56px auto 0;
.main_content {
padding: 70px 64px 80px 48px;
display: flex;
......
pages/enroll/apply.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
<template>
<app-frame :data="frameParams" :class="isMobile ? 'is-h5' : 'is-pc'">
<img src="https://webapp-pub.ezijing.com/project/cbu-online/enroll-process-banner2.png" />
<div class="content-mian">
<ul>
<li class="applyList_con" v-if="false">
<div class="apply_name">招生计划</div>
<img src="https://webapp-pub.ezijing.com/project/cbu-online/apply_plan.png" alt="" />
<!-- <div class="apply_desc">
入学时间：<span class="apply_desc_time">2022年秋季班：2022年9月</span
><span class="apply_desc_time">2023年春季班：2023年2月</span>>
</div>
<div class="apply_desc">
招生人数：<span class="apply_desc_time">2022年秋季班：30人</span
><span class="apply_desc_time">2023年春季班：30人</span>
</div>
<div class="apply_desc">
申请截止时间：<span class="apply_desc_time">2022年秋季班：2022年6月30日</span
><span class="apply_desc_time">2023年春季班：30人</span>
</div> -->
</li>
<li class="applyList_con">
<div class="apply_name">学历</div>
<div class="apply_desc">
硕士学历及以上
</div>
<div class="apply_desc">
本科学历需先修MBA学位
</div>
<!-- <div class="apply_desc">
·拥有MBA以外专业硕士学位的申请者需证明具有5年以上的管理工作经验或者相关领域研究经验， 可直接申请。申请通过后，须完成紫荆教育提供的MBA先修课程，才可进入正式的博士项目课程学习。
</div> -->
</li>
<li class="applyList_con">
<div class="apply_name">GPA</div>
<div class="apply_desc">GPA不低于3.0</div>
<!-- <div class="apply_desc">
·GPA低于3.0的申请者需证明具有8年以上的管理工作或者相关领域研究经验，经紫荆教育和CBU教职人员面试后，可直接申请。
</div> -->
</li>
<li class="applyList_con">
<div class="apply_name">语言</div>
<div class="apply_desc">
满足官方认可的语言水平证明即可
</div>
</li>
</ul>
<!-- <tab-content @tabChange="tabChange"></tab-content>
<div class="content-mod1" v-if="showIndex === 0">
<div class="content-txt">
<div class="content_tit">
本科在读或者本科毕业学生<br />
需为国家承认的本科学历，包括全日制本科、专升本、成人自考本科
</div>
</div>
</div>
<div class="content-mod2" v-if="showIndex === 1">
<div class="content-txt">
<div class="con">
<div class="p">
提交申请材料并通过审核后，进入到面试环节。通过清控紫荆教育中英文面试后将获得条件录取资格或候补资格
</div>
<div class="descList">
<div class="list_tit">报名材料</div>
<div class="list_desc" v-for="(item, index) in descList" :key="index">
{{ item.desc }}
</div>
</div>
<div class="admissionList">
<div class="list_tit">申请条件</div>
<div class="admission_desc">
<div class="admission_part">
<div class="part_tit"><div class="tit1">玛丽伍德大学 工商管理硕士</div></div>
<div class="part_desc">
<div class="item_desc">本科GPA成绩≥2.5；</div>
<div class="item_desc">托福成绩≥79</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="content-mod2" v-if="showIndex === 2">
<div class="content-txt">
<ul class="graduate_list">
<li class="item_parts">
学生按照规定完成各项培养环节，修满所需学分。
</li>
<li class="item_parts">
玛丽伍德项目学员完成课程学习后需提交托福79分或雅思6.0分成绩，如不满足要求者可申请参加紫荆英语强化课，通过紫荆英语强化课考核，可被玛丽伍德大学认可替代托福成绩。
</li>
</ul>
</div>
</div> -->
</div>
</app-frame>
</template>
<script>
import appFrame from '@/components/appFrame'
import TabContent from './components/TabContent.vue'
export default {
layout: 'normal',
components: { appFrame, TabContent },
data() {
return {
showIndex: 0,
list: [
{ name: 'zjjy', label: this.$t('apply.tabText1') },
{ name: 'kelley', label: this.$t('apply.tabText2') },
{ name: 'lhbx', label: this.$t('apply.tabText3') }
],
tags: [
{ num: 12, unit: this.$t('bg.unit1'), text: this.$t('bg.con1ItemT1') },
{ num: 522, unit: this.$t('bg.unit2'), text: this.$t('bg.con1ItemT2') },
{ num: 600, unit: '+', text: this.$t('bg.con1ItemT3') },
{ num: 700, unit: '+', text: this.$t('bg.con1ItemT4') },
{ num: 1000, unit: '+', text: this.$t('bg.con1ItemT5') },
{ num: 4800, unit: '+', text: this.$t('bg.con1ItemT6') },
{ num: 5000, unit: '+', text: this.$t('bg.con1ItemT7') },
{ num: 500, unit: this.$t('bg.unit3'), text: this.$t('bg.con1ItemT8') }
],
frameParams: {
slider: [
{ name: this.$t('menu.enrollChild.process'), path: '/enroll/process' },
// { name: this.$t('menu.enrollChild.brochure'), path: '/enroll/brochure' },
{ name: this.$t('menu.enrollChild.apply'), path: '/enroll/apply' }
]
},
descList: [
{ desc: '1.在线填写申请表' },
{ desc: '2.中英文简历各一份（在线提交即可）' },
{ desc: '3.两封推荐信（在线提交后还需将纸版原件交给招办老师）' },
{ desc: '4.本科毕业证' },
{ desc: '5.本科学位证' },
{ desc: '6.本科在读生提交在读证明，待毕业时补交毕业证、学位证' },
{ desc: '7.本科完整成绩单，加盖学校公章' },
{ desc: '8.本科在读提供当前现有成绩单，加盖学校公章，待毕业时需补交完整版成绩单' },
{ desc: '9.海外取得的本科学历需提交中留服出具的学历认证' },
{ desc: '10.有效证件复印件（身份证、护照）' },
{ desc: '11.个人六个月内彩色证件照' },
{ desc: '12.其他有助于申请的材料，如大学英语四六级成绩单、托福雅思参加、GMAT、GRE成绩、荣誉证书或资格证书等' }
]
}
},
computed: {
isMobile() {
return this.$store.state.isMobile
}
},
methods: {
tabChange(n) {
this.showIndex = n
}
}
}
</script>
<style lang="scss" scoped>
.is-pc {
.content-mian {
ul {
padding: 56px 65px 67px 56px;
.applyList_con {
list-style-type: disc;
color: #aa1941;
.apply_name {
font-size: 20px;
font-weight: 500;
color: #333333;
margin-top: 51px;
margin-bottom: 20px;
}
.apply_desc {
font-size: 16px;
font-weight: 400;
color: #666666;
line-height: 2;
.apply_desc_time {
font-size: 16px;
font-weight: 400;
color: #aa1941 !important;
}
}
}
// li {
// list-style-type: disc;
// color: #aa1941;
// }
}
// padding: 0 0.16rem;
.content-mod1 {
// padding-top: 18px;
.content-txt {
background: #fff;
padding: 68px 0 83px 64px;
// padding: 0 16px 42px;
// margin-bottom: 36px;
.content_tit {
font-size: 16px;
font-weight: 300;
line-height: 32px;
color: #424242;
}
.tit {
font-size: 0.14rem;
font-weight: bold;
line-height: 100%;
color: #333333;
padding-top: 0.23rem;
padding-bottom: 0.1rem;
}
.text {
.p {
font-size: 0.12rem;
line-height: 0.24rem;
color: #424242;
}
}
img {
width: 2.59rem;
margin-left: 0.08rem;
margin-top: 0.27rem;
display: block;
}
}
}
.content-mod2 {
margin-top: 0.18rem;
background: #fff;
img {
width: 100%;
}
.content-txt {
background: #fff;
padding: 48px 65px 75px 51px;
.p {
font-size: 16px;
font-weight: 300;
line-height: 32px;
color: #424242;
}
}
.descList {
.list_tit {
font-size: 16px;
font-weight: 500;
line-height: 36px;
color: #666666;
}
.list_desc {
font-size: 16px;
font-weight: 300;
line-height: 40px;
color: #424242;
}
}
.admissionList {
margin-top: 47px;
.list_tit {
font-size: 16px;
font-weight: 500;
line-height: 36px;
color: #666666;
}
.admission_desc {
display: flex;
justify-content: center;
align-items: center;
.admission_part {
padding-right: 10px;
.part_tit {
width: 369px;
height: 75px;
background: #880126;
box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.06);
border-radius: 10px 10px 0px 0px;
text-align: center;
font-size: 18px;
font-weight: 400;
color: #ffffff;
.tit1 {
padding-top: 29px;
}
.tit2 {
padding-top: 17px;
}
}
.part_desc {
width: 369px;
.item_desc {
font-size: 16px;
font-weight: 300;
line-height: 34px;
color: #424242;
text-align: center;
}
.item_desc:nth-child(odd) {
background: #fff;
}
.item_desc:nth-child(even) {
background: #f5f5f5;
}
}
}
}
}
.graduate_list {
.item_parts {
list-style-type: disc;
font-size: 16px;
font-weight: 300;
line-height: 32px;
color: #424242;
margin-bottom: 44px;
}
.item_parts::marker {
color: #aa1941;
}
}
}
}
}
.is-h5 {
img {
width: 100%;
height: 100%;
}
.content-mian {
ul {
padding: 0.28rem 0.325rem 0.34rem 0.28rem;
.applyList_con {
.apply_name {
font-size: 0.1rem;
font-weight: 500;
color: #333333;
margin-top: 0.25rem;
}
.apply_desc {
font-size: 0.08rem;
font-weight: 400;
color: #666666;
margin-top: 0.1rem;
}
}
li {
list-style-type: disc;
color: #aa1941;
}
}
.content-mod1 {
padding: 0.34rem 0.32rem 0.4rem 0.34rem;
.content-txt {
background: #fff;
box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.06);
.content_tit {
font-size: 0.12rem;
font-weight: 400;
line-height: 0.32rem;
color: #424242;
padding-left: 0.18rem;
padding-right: 0.18rem;
}
.tit {
font-size: 0.12rem;
font-weight: bold;
line-height: 100%;
color: #333333;
padding-top: 0.23rem;
padding-bottom: 0.1rem;
}
.text {
.p {
font-size: 0.12rem;
line-height: 0.24rem;
color: #424242;
}
}
img {
width: 2.59rem;
margin-left: 0.08rem;
margin-top: 0.27rem;
display: block;
}
}
}
.content-mod2 {
background: #fff;
padding: 0.28rem 0.32rem 0.4rem 0.34rem;
img {
width: 100%;
}
.content-txt {
background: #fff;
box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.06);
.con {
padding: 0.24rem 0.18rem 0.24rem 0.18rem;
.p {
font-size: 0.12rem;
font-weight: 400;
line-height: 0.24rem;
color: #424242;
}
}
.descList {
margin-top: 0.32rem;
.list_tit {
font-size: 0.13rem;
font-weight: 500;
line-height: 0.26rem;
color: #484848;
}
.list_desc {
font-size: 0.08rem;
font-weight: 300;
line-height: 0.3rem;
color: #424242;
}
}
.admissionList {
margin-top: 0.47rem;
.list_tit {
font-size: 0.13rem;
font-weight: 500;
line-height: 0.26rem;
color: #666666;
}
.admission_desc {
display: flex;
// justify-content: center;
align-items: center;
.admission_part {
padding-right: 0.1rem;
.part_tit {
width: 2.69rem;
height: 0.75rem;
background: #880126;
box-shadow: 0px 0.01rem 0.25rem rgba(0, 0, 0, 0.06);
border-radius: 0.1rem 0.1rem 0px 0px;
text-align: center;
font-size: 0.12rem;
font-weight: 400;
color: #ffffff;
.tit1 {
padding-top: 0.29rem;
}
.tit2 {
padding-top: 0.17rem;
}
}
.part_desc {
width: 2.69rem;
.item_desc {
font-size: 0.12rem;
font-weight: 400;
line-height: 0.24rem;
color: #333333;
text-align: center;
}
.item_desc:nth-child(odd) {
background: #fff;
}
.item_desc:nth-child(even) {
background: #f5f5f5;
}
}
}
}
}
}
.graduate_list {
padding: 0.34rem 0.18rem 0.34rem 0.36rem;
.item_parts {
list-style-type: disc;
font-size: 0.14rem;
font-weight: 300;
line-height: 0.28rem;
color: #424242;
margin-bottom: 0.2rem;
}
.item_parts::marker {
color: #aa1941;
}
}
}
}
}
</style>
pages/enroll/brochure.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
<template>
<app-frame :data="frameParams">
<el-card>
<h1 style="margin: 0 auto;text-align:center;">
报名流程
</h1>
<ul>
<li>
<p class="title">1.资格审核</p>
<p class="desc">
根据学生在线提交的报名材料审核学生录取资质，审通过预约面试
</p>
</li>
<li>
<p class="title">2.面试考核</p>
<p class="desc">
招生办的老师对学生个人背景、学习动机、学习能力、英语能力等方面综合考察
</p>
</li>
<li>
<p class="title">3.发放录取</p>
<p class="desc">
对面试合格的学生发放录取通知书
</p>
</li>
<li>
<p class="title">4.注册学籍</p>
<p class="desc">
学员完成缴费、材料提交等录取手续后，办理海外学籍注册
</p>
</li>
<li>
<p class="title">5.开学典礼</p>
<p class="desc">
全体学员参加线下开学典礼，与同学和老师见面，正式开始学习之旅
</p>
</li>
</ul>
</el-card>
</app-frame>
</template>
<script>
import appFrame from '@/components/appFrame'
export default {
layout: 'normal',
components: { appFrame },
data() {
return {
frameParams: {
slider: [
{ name: this.$t('menu.enrollChild.process'), path: '/enroll/process' },
// { name: this.$t('menu.enrollChild.brochure'), path: '/enroll/brochure' },
{ name: this.$t('menu.enrollChild.apply'), path: '/enroll/apply' }
]
}
}
}
}
</script>
<style lang="scss" scoped>
ul {
display: flex;
justify-content: space-around;
align-items: flex-start;
flex-direction: column;
margin-top: 40px;
}
li {
padding: 20px;
}
p {
font-size: 16px;
color: #333;
}
.title {
font-weight: 400px;
}
.desc {
font-weight: 300;
}
</style>
pages/enroll/components/TabContent.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
<template>
<div class="tab-content" :class="isMobile ? 'is-h5' : 'is-pc'">
<li
v-for="(item, index) in items"
:key="index"
:class="activeIndex === index && 'active'"
@click="tabChange(index)"
>
{{ item }}
</li>
</div>
</template>
<script>
export default {
data() {
return {
items: [this.$t('apply.tabText1'), this.$t('apply.tabText2'), this.$t('apply.tabText3')],
activeIndex: 0
}
},
computed: {
isMobile() {
return this.$store.state.isMobile
}
},
methods: {
tabChange(n) {
this.activeIndex = n
this.$emit('tabChange', n)
}
}
}
</script>
<style lang="scss" scoped>
.is-pc {
.tab-content {
padding: 42px 64px 0 64px;
display: flex;
justify-content: space-around;
li {
width: 278px;
height: 91px;
line-height: 91px;
background: #fbfbfb;
text-align: center;
font-size: 26px;
font-weight: bold;
color: #333333;
position: relative;
margin-right: 18px;
&.active {
color: #aa1941;
background: #fff;
box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.06);
&::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 8px;
background: #aa1941;
}
}
}
}
}
.is-h5 {
.tab-content {
padding: 0.2rem 0.34rem 0 0.34rem;
display: flex;
justify-content: space-around;
li {
width: 2.78rem;
height: 0.41rem;
line-height: 0.41rem;
background: #fbfbfb;
text-align: center;
font-size: 0.14rem;
font-weight: bold;
color: #333333;
position: relative;
margin-right: 0.05rem;
&.active {
color: #aa1941;
background: #fff;
box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.06);
&::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 0.05rem;
background: #aa1941;
}
}
}
}
}
</style>
pages/guides/index.vue 0 → 100644
浏览文件 @ ec3a6f41
<script>
export default {
middleware: [
function({ redirect }) {
return redirect('/guides/requirements')
}
]
}
</script>
pages/guides/material.vue 0 → 100644
浏览文件 @ ec3a6f41
<template>
<div>
<dl>
<dt>报名材料</dt>
<dd>1、有效身份证件电子扫描件 <br />2、本、硕学位证彩色电子扫描件（中英文） <br />3、硕士阶段成绩单(中英文）</dd>
</dl>
</div>
</template>
<script>
export default {
layout: 'guides'
}
</script>
pages/enroll/process.vue → pages/guides/process.vue
浏览文件 @ ec3a6f41
<template>
<app-frame :data="frameParams" :class="isMobile ? 'is-h5' : 'is-pc'">
<img src="https://webapp-pub.ezijing.com/project/cbu-online/enroll-process-banner.png" />
<div class="apply">
<div class="apply-line"></div>
<div class="apply-item">
<div class="apply-item-num">1</div>
<div class="apply-item-hd">报名申请</div>
<div class="apply-item-bd">
<p>
申请者需登录项目官网：<a href="https://cbu-online.ezijing.com/">https://cbu-online.ezijing.com/</a
>在线填写完成申请并提交如下材料：
</p>
<ul>
<li>1.有效身份证件电子扫描件</li>
<li>2.本、硕学位证彩色电子扫描件（中英文）</li>
<li>3.硕士阶段成绩单(中英文）</li>
</ul>
<p style="margin-top:30px">
请校方直接将密封纸质成绩单寄至：北京海淀区中关村东路1号院清华科技园7号楼5层 <br />孙老师（收）18610015783
</p>
</div>
<div class="apply">
<div class="apply-line"></div>
<div class="apply-item">
<div class="apply-item-num">1</div>
<div class="apply-item-hd">报名申请</div>
<div class="apply-item-bd">
<p>填写项目申请表，并上传报名材料</p>
</div>
<!-- <div class="apply-item">
<div class="apply-item-num">2</div>
<div class="apply-item-hd">材料审核</div>
<div class="apply-item-bd">
<ul>
<li class="disc"><p>推荐信：申请人需提交两封来自学术或职业推荐人的推荐信。</p></li>
<li class="disc"><p>成绩证明：申请人需提供就读院校的本、硕阶段成绩单。</p></li>
<li class="disc"><p>学位证明：所获学位的复印件。</p></li>
</ul>
</div>
</div> -->
<div class="apply-item">
<div class="apply-item-num">2</div>
<div class="apply-item-hd">面试录取</div>
<div class="apply-item-bd">
<p>1.材料审核</p>
<p>2.入学面试</p>
<p>3.录取通知</p>
<p>4.签订入学协议并缴纳学费</p>
<p>5.完善入学资料和条件</p>
<p>6.注册入学</p>
<!-- <p>
对符合条件的申请人进行线上面试，面试合格予以录取。
</p> -->
</div>
</div>
<!-- <div class="apply-item">
<div class="apply-item-num">3</div>
<div class="apply-item-hd">入学面试</div>
</div>
<div class="apply-item">
<div class="apply-item-num">4</div>
<div class="apply-item-hd">录取通知</div>
</div>
<div class="apply-item">
<div class="apply-item-num">5</div>
<div class="apply-item-hd">签订入学协议并缴纳学费</div>
</div>
<div class="apply-item">
<div class="apply-item-num">6</div>
<div class="apply-item-hd">完善入学资料和条件</div>
</div>
<div class="apply-item">
<div class="apply-item-num">7</div>
<div class="apply-item-hd">注册入学</div>
</div> -->
</div>
</app-frame>
<div class="apply-item">
<div class="apply-item-num">2</div>
<div class="apply-item-hd">材料审核</div>
</div>
<div class="apply-item">
<div class="apply-item-num">3</div>
<div class="apply-item-hd">在线支付报名费（2800元人民币）</div>
</div>
<div class="apply-item">
<div class="apply-item-num">4</div>
<div class="apply-item-hd">参加面试</div>
</div>
<div class="apply-item">
<div class="apply-item-num">5</div>
<div class="apply-item-hd">择优录取，发放录取通知书</div>
</div>
<div class="apply-item">
<div class="apply-item-num">6</div>
<div class="apply-item-hd">签订入学协议，并支付学费</div>
</div>
<div class="apply-item">
<div class="apply-item-num">7</div>
<div class="apply-item-hd">注册入学</div>
</div>
</div>
</template>
<script>
import appFrame from '@/components/appFrame'
export default {
layout: 'normal',
components: { appFrame },
data() {
return {
frameParams: {
slider: [
{ name: this.$t('menu.enrollChild.process'), path: '/enroll/process' },
// { name: this.$t('menu.enrollChild.brochure'), path: '/enroll/brochure' },
{ name: this.$t('menu.enrollChild.apply'), path: '/enroll/apply' }
]
}
}
},
computed: {
isMobile() {
return this.$store.state.isMobile
}
}
layout: 'guides'
}
</script>
<style lang="scss" scoped>
<style lang="scss">
.is-pc {
.apply {
position: relative;
......@@ -166,10 +114,6 @@ export default {
}
}
.is-h5 {
img {
width: 100%;
height: 100%;
}
.apply {
position: relative;
margin: 20px 15px 40px;
......
pages/guides/requirements.vue 0 → 100644
浏览文件 @ ec3a6f41
<template>
<div>
<dl>
<dt>申请要求</dt>
<dd>1、拥有硕士及以上学位； <br />2、10年以上高层管理岗位工作经验。</dd>
</dl>
</div>
</template>
<script>
export default {
layout: 'guides'
}
</script>
pages/guides/tuition.vue 0 → 100644
浏览文件 @ ec3a6f41
<template>
<div>
<dl>
<dt>学费信息</dt>
<dd>
学费共计592,800元人民币。学费包含：所有课程及讲座的听课费、讲义费和论文指导费。不包含参加课程产生的机票、酒店等差旅费用。
学费支付方式：获得录取后一次性缴纳。
</dd>
</dl>
</div>
</template>
<script>
export default {
layout: 'guides'
}
</script>
pages/index.vue
浏览文件 @ ec3a6f41
<template>
<div class="container">
<!-- banner图 -->
<banners />
<!-- 项目定位 -->
<project-position />
<!-- 项目优势 -->
<project-features />
<!-- 校园风光 -->
<!-- <school-senery /> -->
<!-- 最新动态 -->
<news />
<!-- 视频 -->
<Video style="margin-bottom:0.2rem" />
<!-- 右侧功能栏 -->
<right-aside v-if="!isMobile" />
</div>
</template>
<script>
import banners from '../components/home/banners.vue'
import projectPosition from '../components/home/projectPosition.vue'
import projectFeatures from '../components/home/projectFeatures'
// import schoolSenery from '../components/home/schoolSenery.vue'
import news from '../components/home/news'
import presence from '../components/home/presence'
import commonProblem from '../components/home/commonProblem'
import openClass from '../components/home/openClass'
import rightAside from '../components/rightAside'
import Video from '../components/home/Video.vue'
import Banners from '../components/home/banners.vue'
export default {
layout: 'normal',
components: {
banners,
projectPosition,
projectFeatures,
// schoolSenery,
news,
presence,
commonProblem,
openClass,
rightAside,
Video,
Banners
},
data() {
return {
isScale: false,
popupVisible: false
middleware: [
function({ redirect }) {
return redirect('/project')
}
},
computed: {
isMobile() {
return this.$store.state.isMobile
}
}
]
}
</script>
<style lang="scss" scoped>
.container {
width: 100%;
position: relative;
}
</style>
pages/news/hot/_id.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
<template>
<div :class="isMobile ? 'is-h5' : 'is-pc'">
<app-frame :data="frameParams">
<div class="detail-content-box">
<div class="content-box">
<div class="back-btn" @click="$router.go(-1)">
<div class="el-icon-arrow-left"></div>
<div class="text">返回</div>
</div>
<div class="times">{{ formatDate(data.start_time) }}</div>
<div class="titles">{{ data.title }}</div>
<div class="article-content" v-html="data.content"></div>
<recommend />
</div>
</div>
</app-frame>
</div>
</template>
<script>
import appFrame from '@/components/appFrame'
import recommend from '@/components/recommend'
export default {
layout: 'normal',
components: {
appFrame,
recommend
},
data() {
return {
frameParams: {
slider: [
{
name: this.$t('menu.schoolChild.school3'),
path: '/about/school'
},
{
name: this.$t('menu.newsChild.hot'),
path: '/news/hot'
}
]
},
data: {},
listData: []
}
},
async fetch() {
this.data = await this.$axios.get(`/api/cms/api/v1/article/${this.$route.params.id}/detail`).then(res => {
return res.data
})
},
methods: {
formatDate(value) {
const date = new Date(value * 1000)
console.log(date.getMonth())
return date.getFullYear() + '/' + (date.getMonth() + 1) + '/' + date.getDate()
}
},
computed: {
isMobile() {
return this.$store.state.isMobile
}
}
}
</script>
<style lang="scss" scoped>
::v-deep {
img {
width: 100%;
height: auto !important;
display: block;
}
}
.is-pc {
.detail-content-box {
// background: #fff;
// box-sizing: border-box;
// margin-bottom: 100px;
.content-box {
padding: 50px 50px 94px;
}
.back-btn {
display: flex;
align-items: center;
cursor: pointer;
.el-icon-arrow-left {
color: rgba(153, 153, 153, 1);
font-size: 16px;
}
.text {
font-size: 16px;
color: #999999;
}
}
.times {
font-size: 16px;
line-height: 100%;
margin: 35px 0 16px;
color: #999999;
}
.titles {
font-size: 32px;
font-weight: bold;
color: #141414;
// height: 62px;
border-bottom: 1px solid #e6e6e6;
padding-bottom: 10px;
// line-height: 100%;
}
.article-content {
padding-top: 25px;
font-size: 14px;
line-height: 28px;
color: #333333;
img {
display: block;
width: 100%;
margin-top: 40px;
}
}
.recommend-content {
border-top: 1px solid #e6e6e6;
padding-top: 37px;
.titles {
display: flex;
align-items: center;
.line {
width: 6px;
height: 22px;
background: #aa1941;
}
.text {
font-size: 22px;
color: #333333;
margin-left: 10px;
}
}
.list-box {
margin-top: 50px;
display: flex;
justify-content: space-between;
li {
width: 280px;
img {
width: 280px;
height: 184px;
display: block;
}
.dec {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
font-size: 16px;
line-height: 26px;
color: #333333;
margin-top: 10px;
}
}
}
}
.more-btn {
position: relative;
z-index: 999;
width: 164px;
height: 40px;
border: 1px solid #d3d3d3;
border-radius: 8px;
line-height: 40px;
text-align: center;
font-size: 16px;
color: #999999;
margin: 50px auto 0;
cursor: pointer;
}
}
}
.is-h5 {
.detail-content-box {
// background: #fff;
// box-sizing: border-box;
// margin-bottom: 100px;
.content-box {
padding: 0.25rem 0.25rem 0.47rem;
}
.back-btn {
display: flex;
align-items: center;
cursor: pointer;
.el-icon-arrow-left {
color: rgba(153, 153, 153, 1);
font-size: 16px;
}
.text {
font-size: 0.14rem;
color: #999999;
}
}
.times {
font-size: 0.14rem;
line-height: 100%;
margin: 0.17rem 0 0.08rem;
color: #999999;
}
.titles {
font-size: 0.18rem;
font-weight: bold;
color: #141414;
// height: 62px;
border-bottom: 1px solid #e6e6e6;
padding-bottom: 0.05rem;
// line-height: 100%;
}
.article-content {
padding-top: 0.13rem;
font-size: 0.12rem;
line-height: 0.14rem;
color: #333333;
img {
display: block;
width: 100%;
margin-top: 0.2rem;
}
}
.recommend-content {
border-top: 1px solid #e6e6e6;
padding-top: 0.17rem;
.titles {
display: flex;
align-items: center;
.line {
width: 0.03rem;
height: 0.11rem;
background: #aa1941;
}
.text {
font-size: 0.16rem;
color: #333333;
margin-left: 0.05rem;
}
}
.list-box {
margin-top: 0.25rem;
display: flex;
justify-content: space-between;
li {
width: 1.4rem;
img {
width: 1.4rem;
height: 0.92rem;
display: block;
}
.dec {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
font-size: 0.14rem;
line-height: 0.13rem;
color: #333333;
margin-top: 0.05rem;
}
}
}
}
.more-btn {
position: relative;
z-index: 999;
width: 0.82rem;
height: 0.2rem;
border: 1px solid #d3d3d3;
border-radius: 0.04rem;
line-height: 0.2re;
text-align: center;
font-size: 0.14rem;
color: #999999;
margin: 0.25rem auto 0;
cursor: pointer;
}
}
}
</style>
pages/news/hot/index.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
<template>
<app-frame :data="frameParams">
<article-list v-bind="listOptions"></article-list>
</app-frame>
</template>
<script>
import appFrame from '@/components/appFrame'
import ArticleList from '@/components/ArticleList'
import { getArticleList } from '@/api'
export default {
layout: 'normal',
components: { appFrame, ArticleList },
data() {
return {
frameParams: {
banner: 'https://webapp-pub.ezijing.com/project/cbu-online/news_banner.jpg',
slider: [
{
name: this.$t('menu.schoolChild.school3'),
path: '/about/school'
},
{
name: this.$t('menu.newsChild.hot'),
path: '/news/hot'
}
// {
// name: this.$t('menu.newsChild.interview'),
// path: '/news/interview'
// }
]
}
}
},
computed: {
listOptions() {
return {
remote: {
httpRequest: getArticleList,
params: { project_id: process.env.newProjectId, type_tag: this.$route.query.type || 'article_news_hot' }
},
to(item) {
return `/news/hot/${item.id}`
}
}
}
}
}
</script>
pages/news/interview/_id.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
<template>
<div :class="isMobile ? 'is-h5' : 'is-pc'">
<app-frame :data="frameParams">
<div class="detail-content-box">
<div class="content-box">
<div class="back-btn" @click="$router.go(-1)">
<div class="el-icon-arrow-left"></div>
<div class="text">返回</div>
</div>
<div class="times">{{ formatDate(data.start_time) }}</div>
<div class="titles">{{ data.title }}</div>
<div class="article-content" v-html="data.content"></div>
<recommend />
</div>
</div>
</app-frame>
</div>
</template>
<script>
import appFrame from '@/components/appFrame'
import recommend from '@/components/recommend'
export default {
layout: 'normal',
watchQuery: true,
components: {
appFrame,
recommend
},
data() {
return {
frameParams: {
slider: [
{
name: this.$t('menu.newsChild.hot'),
path: '/news/hot'
},
{
name: this.$t('menu.newsChild.interview'),
path: '/news/interview'
}
]
},
data: {},
listData: []
}
},
async fetch() {
this.data = await this.$axios.get(`/api/cms/api/v1/article/${this.$route.params.id}/detail`).then(res => {
return res.data
})
},
mounted() {},
methods: {
formatDate(value) {
const date = new Date(value * 1000)
console.log(date.getMonth())
return date.getFullYear() + '/' + (date.getMonth() + 1) + '/' + date.getDate()
}
},
computed: {
isMobile() {
return this.$store.state.isMobile
}
}
}
</script>
<style lang="scss" scoped>
::v-deep {
img {
max-width: 100%;
height: auto !important;
}
}
.is-pc {
.detail-content-box {
// background: #fff;
// box-sizing: border-box;
// margin-bottom: 100px;
.content-box {
padding: 50px 50px 94px;
}
.back-btn {
display: flex;
align-items: center;
cursor: pointer;
.el-icon-arrow-left {
color: rgba(153, 153, 153, 1);
font-size: 16px;
}
.text {
font-size: 16px;
color: #999999;
}
}
.times {
font-size: 16px;
line-height: 100%;
margin: 35px 0 16px;
color: #999999;
}
.titles {
font-size: 32px;
font-weight: bold;
color: #141414;
// height: 62px;
border-bottom: 1px solid #e6e6e6;
padding-bottom: 10px;
// line-height: 100%;
}
.article-content {
padding-top: 25px;
font-size: 14px;
line-height: 28px;
color: #333333;
img {
display: block;
width: 100%;
margin-top: 40px;
}
}
.recommend-content {
border-top: 1px solid #e6e6e6;
padding-top: 37px;
.titles {
display: flex;
align-items: center;
.line {
width: 6px;
height: 22px;
background: #aa1941;
}
.text {
font-size: 22px;
color: #333333;
margin-left: 10px;
}
}
.list-box {
margin-top: 50px;
display: flex;
justify-content: space-between;
li {
width: 280px;
img {
width: 280px;
height: 184px;
display: block;
}
.dec {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
font-size: 16px;
line-height: 26px;
color: #333333;
margin-top: 10px;
}
}
}
}
.more-btn {
position: relative;
z-index: 999;
width: 164px;
height: 40px;
border: 1px solid #d3d3d3;
border-radius: 8px;
line-height: 40px;
text-align: center;
font-size: 16px;
color: #999999;
margin: 50px auto 0;
cursor: pointer;
}
}
}
.is-h5 {
.detail-content-box {
// background: #fff;
// box-sizing: border-box;
// margin-bottom: 100px;
.content-box {
padding: 0.25rem 0.25rem 0.47rem;
}
.back-btn {
display: flex;
align-items: center;
cursor: pointer;
.el-icon-arrow-left {
color: rgba(153, 153, 153, 1);
font-size: 16px;
}
.text {
font-size: 0.14rem;
color: #999999;
}
}
.times {
font-size: 0.14rem;
line-height: 100%;
margin: 0.17rem 0 0.08rem;
color: #999999;
}
.titles {
font-size: 0.18rem;
font-weight: bold;
color: #141414;
// height: 62px;
border-bottom: 1px solid #e6e6e6;
padding-bottom: 0.05rem;
// line-height: 100%;
}
.article-content {
padding-top: 0.13rem;
font-size: 0.12rem;
line-height: 0.14rem;
color: #333333;
img {
display: block;
width: 100%;
margin-top: 0.2rem;
}
}
.recommend-content {
border-top: 1px solid #e6e6e6;
padding-top: 0.17rem;
.titles {
display: flex;
align-items: center;
.line {
width: 0.03rem;
height: 0.11rem;
background: #aa1941;
}
.text {
font-size: 0.16rem;
color: #333333;
margin-left: 0.05rem;
}
}
.list-box {
margin-top: 0.25rem;
display: flex;
justify-content: space-between;
li {
width: 1.4rem;
img {
width: 1.4rem;
height: 0.92rem;
display: block;
}
.dec {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
font-size: 0.14rem;
line-height: 0.13rem;
color: #333333;
margin-top: 0.05rem;
}
}
}
}
.more-btn {
position: relative;
z-index: 999;
width: 0.82rem;
height: 0.2rem;
border: 1px solid #d3d3d3;
border-radius: 0.04rem;
line-height: 0.2re;
text-align: center;
font-size: 0.14rem;
color: #999999;
margin: 0.25rem auto 0;
cursor: pointer;
}
}
}
</style>
pages/news/interview/index.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
<template>
<app-frame :data="frameParams">
<article-list v-bind="listOptions"></article-list>
</app-frame>
</template>
<script>
import appFrame from '@/components/appFrame'
import ArticleList from '@/components/ArticleList'
import { getArticleList } from '@/api'
export default {
layout: 'normal',
components: { appFrame, ArticleList },
data() {
return {
frameParams: {
banner: 'https://webapp-pub.ezijing.com/project/cbu-online/news_banner.jpg',
slider: [
{
name: this.$t('menu.newsChild.hot'),
path: '/news/hot'
},
{
name: this.$t('menu.newsChild.interview'),
path: '/news/interview'
}
]
}
}
},
computed: {
listOptions() {
return {
remote: {
httpRequest: getArticleList,
params: { project_id: process.env.newProjectId, type_tag: 'kelley_interview' }
},
to(item) {
return `/news/interview/${item.id}`
}
}
}
}
}
</script>
pages/plan/index.vue 0 → 100644
浏览文件 @ ec3a6f41
<template>
<div style="background-color: #fff;overflow: hidden;">
<section class="section">
<img src="https://webapp-pub.ezijing.com/project/cbu-enterprise/plan_banner.png" />
</section>
<section class="section">
<h2 class="title">课程结构</h2>
<p>
·必修课程含6大主题模块，每个模块不少于2天线下授课，不少于96学时。<br />·学位课程共12门专业课，每三个月修完1门并安排1次专题实践。
</p>
<br />
<img src="https://webapp-pub.ezijing.com/project/cbu-enterprise/course.png" />
</section>
<section class="section">
<h2 class="title">教学师资</h2>
<p>
·顶配师资，国内外一流专家学者及代表性企业家担任授课老师<br />·论文导师匹配将在第二学年开启。我们在第二学年设计了丰富的必修、学位课和更多的专题实践，帮助学生深入了解不同教授的研究领域,为大家确定研究方向和匹配导师提供平台。
</p>
</section>
</div>
</template>
<script>
export default {
layout: 'normal',
data() {
return {}
}
}
</script>
<style lang="scss" scoped>
.is-pc {
.section {
max-width: 1200px;
margin: 60px auto;
.title {
position: relative;
margin-bottom: 40px;
padding-left: 20px;
height: 32px;
font-size: 32px;
line-height: 1;
font-weight: 700;
border-left: 7px solid #aa1941;
}
p {
font-size: 18px;
line-height: 2;
color: #666666;
text-align: justify;
}
p + p {
margin-top: 20px;
}
img {
max-width: 100%;
}
}
}
.is-h5 {
.section {
margin: 0 20px 40px;
&:first-child {
margin: 0 0 40px;
}
.title {
position: relative;
margin-bottom: 20px;
padding-left: 10px;
height: 16px;
font-size: 16px;
line-height: 1;
font-weight: 700;
border-left: 4px solid #aa1941;
}
p {
font-size: 14px;
line-height: 2;
color: #666666;
text-align: justify;
}
p + p {
margin-top: 10px;
}
img {
max-width: 100%;
}
}
}
</style>
pages/project-intro/bg.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
<template>
<div :class="isMobile ? 'is-h5' : 'is-pc'">
<app-frame :data="frameParams">
<div class="content-mian" v-if="isMobile">
<tab-content @tabChange="tabChange"></tab-content>
<div class="content-mod1" v-if="showIndex === 0">
<img src="https://webapp-pub.ezijing.com/project/kelley-h5/project-mod1-banner.png" class="main-banner" />
<div class="content-txt">
<div class="tit"></div>
<div class="text">
<div class="p" v-html="$t('bg.con1Txt')"></div>
</div>
<img src="https://webapp-pub.ezijing.com/project/kelley-h5/project-mod1-img.png" />
</div>
</div>
<div class="content-mod2" v-if="showIndex === 1">
<img src="https://webapp-pub.ezijing.com/project/marywood/mary_banner_nx.jpg" class="main-banner" />
<div class="content-txt">
<div class="p" v-html="$t('bg.con2Txt')"></div>
</div>
</div>
<div class="content-mod2" v-if="showIndex === 2">
<img src="https://webapp-pub.ezijing.com/project/marywood/mary-new-tabimg.jpg" class="main-banner" />
<div class="content-txt">
<div class="p" v-html="$t('bg.con3Txt')"></div>
</div>
</div>
</div>
<div class="project-bg-main" v-else>
<ul class="tabs">
<li
v-for="item in list"
:key="item.name"
:class="{ 'is-active': tabActive === item.name }"
@click="tabActive = item.name"
>
{{ item.label }}
</li>
</ul>
<div class="zjjy" v-if="tabActive === 'zjjy'">
<div class="sub-banner">
<img src="https://webapp-pub.ezijing.com/project/kelley/project-intro-bg-zjjy.png" />
</div>
<div class="text" v-html="$t('bg.con1Txt')"></div>
<div class="tags">
<div
:class="{ 'tag-item': true, big: (index + 2) % 4 === 0 }"
v-for="(item, index) in tags"
:key="item.text"
>
<div class="tag-item-inner">
<p>
<span>{{ item.num }}</span
>{{ item.unit }}
</p>
<span>{{ item.text }}</span>
</div>
<el-divider direction="vertical" v-if="(index + 1) % 4 !== 0"></el-divider>
</div>
</div>
</div>
<div class="kelley" v-if="tabActive === 'kelley'">
<div class="sub-banner">
<img src="https://webapp-pub.ezijing.com/project/marywood/mary_banner_nx.jpg" />
</div>
<div class="text" v-html="$t('bg.con2Txt')"></div>
</div>
<div class="lhbx" v-if="tabActive === 'lhbx'">
<div class="sub-banner">
<img src="https://webapp-pub.ezijing.com/project/marywood/mary-new-tabimg.jpg" />
</div>
<div class="text" v-html="$t('bg.con3Txt')"></div>
</div>
</div>
</app-frame>
</div>
</template>
<script>
import TabNav from './components/TabNav'
import TabContent from './components/TabContent'
export default {
components: {
TabNav,
TabContent
},
layout: 'normal',
data() {
return {
showIndex: 0,
tabActive: 'zjjy',
list: [
{ name: 'zjjy', label: this.$t('bg.tabBtn1') },
{ name: 'kelley', label: this.$t('bg.tabBtn2') },
{ name: 'lhbx', label: this.$t('bg.tabBtn3') }
],
tags: [
{ num: 12, unit: this.$t('bg.unit1'), text: this.$t('bg.con1ItemT1') },
{ num: 522, unit: this.$t('bg.unit2'), text: this.$t('bg.con1ItemT2') },
{ num: 600, unit: '+', text: this.$t('bg.con1ItemT3') },
{ num: 700, unit: '+', text: this.$t('bg.con1ItemT4') },
{ num: 1000, unit: '+', text: this.$t('bg.con1ItemT5') },
{ num: 4800, unit: '+', text: this.$t('bg.con1ItemT6') },
{ num: 5000, unit: '+', text: this.$t('bg.con1ItemT7') },
{ num: 500, unit: this.$t('bg.unit3'), text: this.$t('bg.con1ItemT8') }
],
frameParams: {
banner: 'https://webapp-pub.ezijing.com/project/marywood/mary_banner_nx3.jpg',
slider: [
{
name: this.$t('menu.projectChild.bg'),
path: '/project-intro/bg'
},
{
name: this.$t('menu.newsChild.hot'),
path: '/news/hot'
}
]
}
}
},
methods: {
tabChange(n) {
this.showIndex = n
}
},
computed: {
isMobile() {
return this.$store.state.isMobile
}
}
}
</script>
<style lang="scss" scoped>
.is-pc {
.project-bg-main {
padding: 42px 64px 50px;
.tabs {
margin-top: 42px;
display: flex;
justify-content: space-between;
li {
background: #fbfbfb;
width: 32%;
height: 83px;
line-height: 83px;
border-top: 8px solid #fbfbfb;
font-size: 26px;
font-family: Source Han Sans CN;
color: #333;
text-align: center;
cursor: pointer;
}
li.is-active {
border-color: #aa1941;
color: #aa1941;
background-color: #fff;
box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.06);
}
}
.sub-banner {
margin-top: 18px;
height: 302px;
img {
width: 100%;
height: 100%;
}
}
.text {
font-size: 16px;
font-family: Source Han Sans CN;
line-height: 32px;
color: #424242;
letter-spacing: 1px;
margin-top: 40px;
}
.tags {
width: 780px;
margin: 40px auto 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
// justify-content: space-between;
.tag-item {
width: 180px;
margin-bottom: 10px;
.tag-item-inner {
display: inline-block;
text-align: center;
width: calc(100% - 17px);
p {
font-size: 20px;
color: #aa1941;
span {
font-size: 28px;
font-weight: bold;
}
}
> span {
font-size: 16px;
line-height: 34px;
color: #666666;
}
}
.el-divider {
height: 100%;
float: right;
}
}
.tag-item.big {
width: 240px;
}
}
}
}
::v-deep {
// .is-h5{
.main-page-content {
background-color: #eee !important;
// }
}
}
.is-h5 {
.content-mian {
padding: 0 0.16rem;
.content-mod1 {
padding-top: 0.18rem;
img {
width: 100%;
display: block;
}
.content-txt {
background: #fff;
padding: 0 0.16rem 0.42rem;
margin-bottom: 0.36rem;
.tit {
font-size: 0.14rem;
font-weight: bold;
line-height: 100%;
color: #333333;
padding-top: 0.23rem;
padding-bottom: 0.1rem;
}
.text {
.p {
font-size: 0.12rem;
line-height: 0.24rem;
color: #424242;
}
}
img {
width: 2.59rem;
margin-left: 0.08rem;
margin-top: 0.27rem;
display: block;
}
}
}
.content-mod2 {
margin-top: 0.18rem;
background: #fff;
img {
width: 100%;
}
.content-txt {
background: #fff;
padding: 0 0.16rem 0.42rem;
margin-bottom: 0.36rem;
.p {
font-size: 0.12rem;
line-height: 0.24rem;
color: #424242;
margin-top: 0.35rem;
}
}
}
}
}
</style>
pages/project-intro/certificate.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
<template>
<div :class="isMobile ? 'is-h5' : 'is-pc'">
<div class="certificate">
<app-frame :data="frameParams">
<div class="certificate-main">
<img
class="cert-img"
src="https://webapp-pub.ezijing.com/project/marywood/marywood-cert-new2.png"
/>
</div>
</app-frame>
</div>
</div>
</template>
<script>
export default {
layout: 'normal',
data() {
return {
frameParams: {
banner: 'https://webapp-pub.ezijing.com/project/marywood/mary_banner_nx3.jpg',
slider: [
{
name: this.$t('menu.projectChild.bg'),
path: '/project-intro/bg'
},
{
name: this.$t('menu.projectChild.feature'),
path: '/project-intro/charac'
},
{
name: this.$t('menu.projectChild.cert'),
path: '/project-intro/certificate'
}
]
}
}
},
computed: {
isMobile() {
return this.$store.state.isMobile
}
}
}
</script>
<style lang="scss" scoped>
.is-pc{
.cert-img{
display: block;
width: 600px;
// height: 291px;
margin: 40px auto;
}
}
.is-h5{
.cert-img{
display: block;
width: 100%;
// height: 291px;
margin: 40px auto;
}
}
.certificate-main {
padding: 40px;
text-align: center;
.checkbox {
display: flex;
width: 450px;
margin: 0 auto;
p {
width: 50%;
text-align: center;
font-size: 22px;
font-family: Source Han Sans CN;
font-weight: 500;
line-height: 34px;
color: #424242;
i {
display: inline-block;
width: 22px;
height: 22px;
background: url('https://webapp-pub.ezijing.com/project/kelley/project-intro-certificate-icon.png');
background-size: 22px 22px;
margin-right: 10px;
vertical-align: middle;
}
}
}
.text {
text-align: center;
font-size: 16px;
font-family: Source Han Sans CN;
font-weight: 400;
line-height: 34px;
color: #424242;
margin-top: 40px;
}
.certificate-title {
font-size: 16px;
font-family: Source Han Sans CN;
font-weight: 400;
line-height: 34px;
color: #424242;
margin-top: 26px;
}
.certificate-des {
font-size: 14px;
font-family: Source Han Sans CN;
font-weight: 400;
line-height: 34px;
color: #aa1941;
}
}
</style>
pages/project-intro/charac.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
<template>
<div :class="isMobile ? 'is-h5' : 'is-pc'">
<app-frame :data="frameParams">
<ul class="card">
<li v-for="item in list" :key="item.title">
<div class="left">
<img :src="item.img" />
</div>
<div class="right">
<h5>{{ item.title }}</h5>
<p v-for="text in item.texts" :key="text">{{ text }}</p>
</div>
</li>
</ul>
</app-frame>
</div>
</template>
<script>
export default {
layout: 'normal',
data() {
return {
list: [
{
img: 'https://webapp-pub.ezijing.com/project/kelley/project-intro-charac-icon1.png',
title: this.$t('feature.item1Tit'),
texts: [this.$t('feature.item1Txt1'), this.$t('feature.item1Txt2'), this.$t('feature.item1Txt3')]
},
{
img: 'https://webapp-pub.ezijing.com/project/kelley/project-intro-charac-icon2.png',
title: this.$t('feature.item2Tit'),
texts: [this.$t('feature.item2Txt1'), this.$t('feature.item2Txt2'), this.$t('feature.item2Txt3')]
},
{
img: 'https://webapp-pub.ezijing.com/project/kelley/project-intro-charac-icon3.png',
title: this.$t('feature.item3Tit'),
texts: [this.$t('feature.item3Txt1'), this.$t('feature.item3Txt2'), this.$t('feature.item3Txt3')]
}
],
frameParams: {
banner: 'https://webapp-pub.ezijing.com/project/marywood/mary_banner_nx3.jpg',
slider: [
{
name: this.$t('menu.projectChild.bg'),
path: '/project-intro/bg'
},
{
name: this.$t('menu.projectChild.feature'),
path: '/project-intro/charac'
},
{
name: this.$t('menu.projectChild.cert'),
path: '/project-intro/certificate'
}
]
}
}
},
computed: {
isMobile() {
return this.$store.state.isMobile
}
}
}
</script>
<style lang="scss" scoped>
.is-pc{
.card {
width: 763px;
margin: 0 auto 0;
padding: 80px 0 30px;
li {
height: 205px;
background: #f9f8f8;
box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.09);
margin-bottom: 50px;
display: flex;
.left {
width: 212px;
// background:#fcfcfc;
img {
width: 120px;
height: 120px;
margin: 43px 0 0 47px;
}
}
.right {
width: calc(100% - 212px);
padding-top: 20px;
h5 {
font-size: 22px;
font-family: Source Han Sans CN;
font-weight: 500;
line-height: 44px;
color: #333333;
}
p {
color: #424242;
font-size: 16px;
font-family: Source Han Sans CN;
line-height: 36px;
}
}
}
}
}
.is-h5{
.card {
background: #fff;
padding: .24rem .15rem .56rem;
li {
background: #f9f8f8;
box-shadow: 0 0 0 rgb(0 0 0 / 9%);
margin-bottom: .16rem;
display: flex;
align-items: center;
box-sizing: border-box;
padding: .16rem .14rem .1rem;
.left {
img {
width: .72rem;
height: .72rem;
display: block;
}
}
.right {
margin-left: .23rem;
h5 {
font-size: .12rem;
font-weight: 700;
line-height: 100%;
color: #333;
margin-bottom: .16rem;
}
p {
font-size: .1rem;
font-family: Source Han Sans CN;
line-height: 100%;
color: #424242;
margin-bottom: .1rem;
}
}
}
}
}
</style>
\ No newline at end of file
pages/project-intro/components/TabContent.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
<template>
<ul class="tab-content">
<li
v-for="(item, index) in items"
:key="index"
:class="activeIndex === index && 'active'"
@click="tabChange(index)"
>
{{ item }}
</li>
</ul>
</template>
<script>
export default {
data() {
return {
items: [this.$t('bg.tabBtn1'), this.$t('bg.tabBtn2'), this.$t('bg.tabBtn3')],
activeIndex: 0
}
},
methods: {
tabChange(n) {
this.activeIndex = n
this.$emit('tabChange', n)
}
}
}
</script>
<style lang="scss" scoped>
.tab-content{
padding-top: .2rem;
display: flex;
justify-content: space-between;
li{
width: 1.1rem;
height: 0.75rem;
line-height: .75rem;
background: #FFFFFF;
text-align: center;
font-size: 0.13rem;
font-weight: bold;
color: #333333;
position: relative;
&.active{
color: #AA1941;
&::after{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 0.04rem;
background: #AA1941
}
}
}
}
</style>
pages/project-intro/components/TabNav.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
<template>
<tab-nav :list="list" v-bind="$attrs"></tab-nav>
</template>
<script>
import TabNav from '@/components/base/h5/TabNav'
export default {
components: { TabNav },
data() {
return {
list: [
{ name: this.$t('menu.projectChild.bg'), path: '/project/bg', value: '1' },
{ name: this.$t('menu.projectChild.feature'), path: '/project/charac', value: '2' },
{ name: this.$t('menu.projectChild.cert'), path: '/project/certificate', value: '3' }
]
}
}
}
</script>
<style></style>
pages/project-intro/introduce.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
<template>
<app-frame :data="frameParams" :class="isMobile ? 'is-h5' : 'is-pc'">
<img src="https://webapp-pub.ezijing.com/project/cbu-online/project_intro_banner.png" class="banner" />
<div class="part_content">
<div class="part_item">
加州浸会大学在线工商管理博士是经过美国教育监管机构WASC、BPPE、DOE、SEVIS等批准的正规全日制博士项目。该博士项目强调课程学习与论文写作结合，以培养将管理实践和理论研究深度融合的商业领袖和高校学者为目标。学员最快三年可以毕业，中国学生按照学校要求毕业获得博士学位回国后，可向中国（教育部）留学服务中心申请认证为博士研究生学历。紫荆教育是加州浸会大学该项目在中国的唯一合作伙伴。
</div>
</div>
</app-frame>
</template>
<script>
import TabNav from './components/TabNav'
import TabContent from './components/TabContent'
export default {
components: {
TabNav,
TabContent
},
layout: 'normal',
data() {
return {
showIndex: 0,
tabActive: 'zjjy',
list: [
{ name: 'zjjy', label: this.$t('bg.tabBtn1') },
{ name: 'kelley', label: this.$t('bg.tabBtn2') },
{ name: 'lhbx', label: this.$t('bg.tabBtn3') }
],
tags: [
{ num: 12, unit: this.$t('bg.unit1'), text: this.$t('bg.con1ItemT1') },
{ num: 522, unit: this.$t('bg.unit2'), text: this.$t('bg.con1ItemT2') },
{ num: 600, unit: '+', text: this.$t('bg.con1ItemT3') },
{ num: 700, unit: '+', text: this.$t('bg.con1ItemT4') },
{ num: 1000, unit: '+', text: this.$t('bg.con1ItemT5') },
{ num: 4800, unit: '+', text: this.$t('bg.con1ItemT6') },
{ num: 5000, unit: '+', text: this.$t('bg.con1ItemT7') },
{ num: 500, unit: this.$t('bg.unit3'), text: this.$t('bg.con1ItemT8') }
],
frameParams: {
slider: [
{
name: this.$t('menu.projectChild.bg'),
path: '/about/school'
},
{
name: this.$t('menu.newsChild.hot'),
path: '/news/hot'
}
]
}
}
},
methods: {
tabChange(n) {
this.showIndex = n
}
},
computed: {
isMobile() {
return this.$store.state.isMobile
}
}
}
</script>
<style lang="scss" scoped>
.is-pc {
.part_content {
padding: 62px 59px 62px 68px;
.part_item {
font-size: 16px;
font-weight: 300;
line-height: 34px;
color: #424242;
padding-bottom: 20px;
text-align: justify;
}
.part_img {
width: 100%;
height: 100%;
margin-top: 45px;
}
}
}
.is-h5 {
// &.main-layout{
// background-color: rgba(249, 248, 248, 1) !important;
// }
::v-deep {
.main-page-content {
background-color: rgba(249, 248, 248, 1) !important;
}
}
.banner {
width: 100%;
}
.part_content {
padding: 0.2rem 0.15rem;
}
.img {
width: 100%;
height: 100%;
}
.part_item {
// width: 80%;
margin: auto;
font-size: 0.12rem;
font-weight: 400;
line-height: 0.24rem;
color: #424242;
padding-bottom: 0.2rem;
text-align: justify;
}
.part_img {
width: 100%;
// height: 100%;
// padding: 0.5rem 0.3rem 0.3rem 0.3rem;
}
}
</style>
pages/project/index.vue 0 → 100644
浏览文件 @ ec3a6f41
<template>
<div style="background-color: #fff;overflow: hidden;">
<div class="banner">
<img src="https://webapp-pub.ezijing.com/project/cbu-enterprise/banner.png" width="100%" />
<div class="banner__inner">
<h1>数字领导力企业家学者DBA</h1>
<p>Digital Leadership DBA Program for Entrepreneurs</p>
</div>
</div>
<section class="section">
<h2 class="title">项目背景</h2>
<div class="project-bg">
<div class="project-bg-item" v-for="item in bgList" :key="item.title">
<h2 class="project-bg-item__title">{{ item.title }}</h2>
<article class="project-bg-item__desc" v-html="item.desc"></article>
</div>
</div>
</section>
<section class="section">
<h2 class="title">项目亮点</h2>
<div class="project-feature">
<div class="project-feature-item" v-for="item in featureList" :key="item.title">
<img :src="item.img" />
<div class="project-feature-item__inner">
<article class="project-feature-item__desc" v-html="item.desc"></article>
</div>
</div>
</div>
</section>
<section class="section">
<h2 class="title">课程定位</h2>
<p>
开拓国际视野，洞悉数字经济<br />探寻数字驱动，实践科技创新<br />同行名师益友，培养学者思维<br />厚植学术素养，达成学术成就
</p>
</section>
<section class="section">
<h2 class="title">学习目标</h2>
<p>
·建立数字经济时代下的企业家前瞻力及领导力；<br />·洞察数字经济发展格局变迁逻辑、现状和趋势；<br />·理解数字时代创新动能以及科技发展趋势；<br />·接受专业学术训练，培养学者思维，提升学术素养；<br />·取得国际工商管理博士学位。
</p>
</section>
</div>
</template>
<script>
export default {
layout: 'normal',
data() {
return {
bgList: [
{
title: '数字经济是第四代工业革命',
desc: `数字经济以数据资源作为关键生产要素，是继农业经济、工业经济之后的 主要经济形态。<br/>数字经济是继蒸汽技术革命（第一次工业革命），电力技术革命（第二次 工业革 命），计算机及信息技术革命（第三次工业革命）之后的第四代工 业革命，是以人工智 能，机器人技术，虚拟现实，量子信息技术，可控核 聚变、清洁能源以及生物技术等为 技术突破口的工业革命。`
},
{
title: '发展数字经济已上升为国家战略',
desc: `发展数字经济事关中国经济发展及改革开发大业，事关中华民族复兴大业。十八 大以来，党和国家高度重视发展数字经济，习近平总书记多次强调要“发展数字经 济，加快推动数字产业化，推动产业数字化”，《求是》杂志刊发习总书记重要文章《不 断做强做优做大我国数字经济》。`
},
{
title: '数字经济市场规模及发展潜力巨大',
desc: `数据统计显示，2020 年我国数字经济核心产业增加值占 GDP 比重达到 7.8%， 该目标 2025 年将提升至 10%。十四五时期，我国数字经济复合年均增长率（CAGR） 有望达到 11.3%。到 2025 年，数字经济增加值规模有望达到 32.67 万亿元，其中数字产业化增加值为15.52 万亿元，产业数字化增加值为 17.15 万亿元。`
},
{
title: '数字领导力对新时代企业家至关重要',
desc: `在数字经济时代的背景下，企业的管理、发展、资本、创新等面临着新的变革，知识已成为最重要的人力资本，数据资源将进入企业资产负债表。数字经济已成为企业发展战略的主旋律，主要增长点及创新驱动力。 理解数字经济，洞悉产业脉络，培养数字领导力格局，是数字经济大背景下，现代 企业家、创业者成长的时代使命与必由之路。`
}
],
featureList: [
{
img: 'https://webapp-pub.ezijing.com/project/cbu-enterprise/feature_1.png',
desc: '国内最权威、最专业、最系统的数字经济高管教育课程'
},
{
img: 'https://webapp-pub.ezijing.com/project/cbu-enterprise/feature_2.png',
desc: '国际知名高校工商管理博士 (Doctor of Business Administration) 学位项目深度融合'
},
{
img: 'https://webapp-pub.ezijing.com/project/cbu-enterprise/feature_3.png',
desc: '课程涵盖数字经济理论、基础框架、 产业格局以及实践方法论'
},
{
img: 'https://webapp-pub.ezijing.com/project/cbu-enterprise/feature_4.png',
desc: '国内外一流专家学者及代表性企业家担任师资，与优秀企业及企业家校友群体同行'
}
]
}
}
}
</script>
<style lang="scss" scoped>
.is-pc {
.section {
max-width: 1200px;
margin: 60px auto;
.title {
position: relative;
margin-bottom: 40px;
padding-left: 20px;
height: 32px;
font-size: 32px;
line-height: 1;
font-weight: 700;
border-left: 7px solid #aa1941;
}
p {
font-size: 18px;
line-height: 2;
color: #666666;
text-align: justify;
}
p + p {
margin-top: 20px;
}
}
.banner {
position: relative;
.banner__inner {
position: absolute;
left: 50%;
top: 50%;
color: #fff;
text-align: center;
transform: translate(-50%, -50%);
}
h1 {
font-size: 56px;
font-weight: 500;
color: #ffffff;
letter-spacing: 4px;
}
p {
font-size: 24px;
font-weight: 400;
color: #ffffff;
text-transform: uppercase;
}
}
.project-bg {
display: grid;
grid-template-columns: repeat(2, 1fr);
row-gap: 40px;
column-gap: 166px;
}
.project-bg-item__title {
padding: 0 18px;
height: 35px;
font-size: 20px;
font-weight: bold;
line-height: 35px;
color: #fff;
background: #aa1941;
}
.project-bg-item__desc {
margin-top: 36px;
font-size: 16px;
color: #424242;
line-height: 32px;
}
.project-feature {
display: flex;
column-gap: 10px;
}
.project-feature-item {
position: relative;
flex: 1;
height: 345px;
img {
width: 100%;
height: 100%;
}
}
.project-feature-item__inner {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
background: rgba(0, 0, 0, 0.06);
}
.project-feature-item__desc {
font-size: 16px;
color: #fff;
line-height: 32px;
margin: 0 48px;
}
}
.is-h5 {
.section {
margin: 40px 20px;
.title {
position: relative;
margin-bottom: 20px;
padding-left: 10px;
height: 16px;
font-size: 16px;
line-height: 1;
font-weight: 700;
border-left: 4px solid #aa1941;
}
p {
font-size: 14px;
line-height: 2;
color: #666666;
text-align: justify;
}
p + p {
margin-top: 10px;
}
img {
max-width: 100%;
}
}
.banner {
position: relative;
.banner__inner {
position: absolute;
left: 50%;
top: 50%;
color: #fff;
text-align: center;
transform: translate(-50%, -50%);
white-space: nowrap;
}
h1 {
font-size: 14px;
font-weight: 500;
color: #ffffff;
letter-spacing: 4px;
}
p {
font-size: 12px;
font-weight: 400;
color: #ffffff;
text-transform: uppercase;
}
}
.project-bg {
display: grid;
grid-template-columns: repeat(1, 1fr);
row-gap: 20px;
}
.project-bg-item__title {
padding: 0 18px;
height: 18px;
font-size: 12px;
font-weight: bold;
line-height: 18px;
color: #fff;
background: #aa1941;
}
.project-bg-item__desc {
margin-top: 18px;
font-size: 12px;
color: #424242;
line-height: 16px;
}
.project-feature {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}
.project-feature-item {
position: relative;
flex: 1;
height: 170px;
img {
width: 100%;
height: 100%;
}
}
.project-feature-item__inner {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
background: rgba(0, 0, 0, 0.06);
}
.project-feature-item__desc {
font-size: 13px;
color: #fff;
line-height: 20px;
margin: 0 20px;
}
}
</style>
pages/question/question.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
<template>
<app-frame :data="frameParams" :class="isMobile ? 'is-h5' : 'is-pc'">
<div class="main_content">
<!-- <div class="title_mon">
常见问题
</div> -->
<div class="title_mon1" v-for="(item, index) in questionList" :key="index">
<div class="title">{{ item.tit }}</div>
<div class="line"></div>
<div class="desc" v-html="item.desc"></div>
</div>
</div>
</app-frame>
</template>
<script>
import appFrame from '@/components/appFrame'
export default {
layout: 'normal',
components: { appFrame },
data() {
return {
popupVisible: false,
frameParams: {
slider: [
{
name: this.$t('menu.question'),
path: '/question/question'
}
]
},
questionList: [
{
tit: '1. 为什么海外MBA学位证需单独审核？',
desc:
'首先，所有的申请资料都要审核。<br/>其次，博士项目具有很强的学术要求，本工商管理博士项目要求申请者具有工商管理硕士学位，具备这样的学术背景，才能够保证每位学员在进入博士项目后顺利完成课程学习和论文答辩。但目前国内很多的海外MBA学位质量良莠不齐，持有MBA学位证书并不一定代表具有工商管理硕士学术能力。因此需要对这一类的学位证书进行审核。'
},
{
tit: '2. 英语强化课程是在正式开班前读吗？那大概在学分课之前多久开课读呢？',
desc:
'英语强化课程在学员被录取后2-3个月读完，测试合格，获得I20，申请F1签证，赴美开始第一年的国外学习。如果学生能够提供托福79分以上或者雅思6.0以上的英语成绩，可以免读英语强化课程。'
},
{
tit: '3. 可以不出国全部线上读吗？学费和录取要求也一样吗？',
desc: '可以，但是不能被中留服认证为博士研究生学历。<br/>学费和录取要求是一样的。'
},
{
tit: '4. 你们的项目可以申请留服认证吗？',
desc: `可以，该项目获得加州浸会大学博士学位的学生能够申请中留服认证为博士研究生学历。因为该项目具有以下特点：<br/>A. 该项目是一个被WASC批准的全日制博士项目。<br/>B. 该项目是一个线下的项目，不是在线项目。<br/>C. 该项目的录取标准、教学安排和毕业要求与加州浸会大学其它博士项目一致，并符合WASC监管规定。
*WASC（Western Association of Schools and Colleges）西部学校与学院教育联盟，是美国教育部授权的为公立和私立学校、学院和大学进行认证的六大教育联盟之一。`
},
{
tit: '5. 如果未能按时毕业需要再缴费吗？重修课程的费用？',
desc: '是的，延迟毕业需要自行支付重修费，按CBU对国际留学生的费用标准是1393美元/学分。'
},
{
tit: '6. 国外一年学习的生活费用大概是多少？学校提供住宿吗？',
desc: '美国加州地区的生活费用大概每年需要15-20万人民币。<br/>加州浸会大学提供住宿。'
},
{
tit: '7. 录取人数有没有限制？',
desc: '有的，本项目名额有限每期限招30人，择优录取。'
},
{
tit: '8. 应届硕士可以申请此DBA项目吗？',
desc: '可以，需要在开班前完成工商管理硕士的学习。'
},
{
tit: '9. 从报名到录取有哪些基本步骤？',
desc:
'本项目由中国招生办公室审核录取，流程是先在线提交报名申请、上传报名材料、初步审核、预约面试、面试通过发放录取、缴费报名、补交材料、注册学籍、开课学习。'
},
{
tit: '10. 学费可以按年度分期支付吗？',
desc:
'学生在拿到CBU录取通知书之后，需要将全部费用于10个工作日之内一次性支付给项目官方授权中国招生与教学中心--清控紫荆教育。'
},
{
tit: '11. 你们的项目出国是办理什么签证？签证的办理流程是怎样的？',
desc:
'项目学员持F1签证出国。<br/>获得F1签证的基本流程包括：<br/>1、通过语言强化课程测试后，被接受的申请者会收到加州浸会大学发放的 I-20文件。 <br/>2、学生到美国使馆网站上注册个人信息，并填写DS160申请表。详细信息可参考美国驻华大使馆官方网站<a href="https://china.usembassy-china.org.cn/" target="_blank">https://china.usembassy-china.org.cn/</a>。'
}
]
}
},
computed: {
isMobile() {
return this.$store.state.isMobile
}
},
methods: {
showApplyForm() {
this.popupVisible = true
},
close() {
this.popupVisible = false
},
hideApplyForm() {
this.popupVisible = false
}
}
}
</script>
<style lang="scss" scoped>
.is-pc {
.main_content {
padding: 40px 50px 101px 50px;
.title_mon {
font-size: 22px;
font-weight: bold;
line-height: 34px;
color: #333333;
margin-bottom: 37px;
}
.title_mon1 {
margin-bottom: 74px;
.line {
width: 899px;
height: 1px;
background: #e6e6e6;
margin-top: 12px;
margin-bottom: 11px;
}
.title {
font-size: 16px;
font-weight: bold;
line-height: 36px;
color: #666666;
}
.desc {
font-size: 16px;
font-weight: 300;
line-height: 32px;
color: #424242;
::v-deep a {
color: blue;
}
}
}
}
}
.is-h5 {
.main_content {
padding: 0.2rem 0.3rem 0.24rem 0.3rem;
.title_mon {
font-size: 0.14rem;
font-weight: 500;
color: #333333;
}
.title_mon1 {
margin-bottom: 0.38rem;
.line {
width: 3.1rem;
height: 0.005rem;
background: #e6e6e6;
margin-top: 0.12rem;
margin-bottom: 0.11rem;
}
.title {
font-size: 0.12rem;
font-weight: 500;
color: #666666;
margin-top: 0.12rem;
}
.desc {
font-size: 0.1rem;
font-weight: 300;
color: #424242;
line-height: 0.15rem;
::v-deep a {
color: blue;
}
}
}
}
}
</style>
pages/returnPolicy/returnPolicy.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
<template>
<app-frame :data="frameParams" :class="isMobile ? 'is-h5' : 'is-pc'">
<img style="width:100%;height:100%;" src="https://webapp-pub.ezijing.com/project/marywood/return_banner.png" />
<div v-if="!isMobile">
<div class="com_top">
<h1 class="com_title">留学回国人员福利政策</h1>
<h2 class="com_title_dec">中华人民共和国教育部：“鼓励留学，支持回国”</h2>
<div class="com_con">
中国教育部思想政治工作司司长魏士强2021年12月7日的新闻发布会中发表评论：“支持留学、鼓励回国、来去自由、发挥作用”<br />是我国多年来奉行的留学政策，即使是进入新时代，我们依然要一以贯之地实行。
<br />我国各省市、地区针对留学生回国颁布了人才引流福利政策，留学已经成为越来越多学生的升学选择。
</div>
</div>
<div class="com_bottom">
<div class="left_part">
<div class="line"></div>
</div>
<div class="right_part">
<div class="right_part_item" v-for="(item, id) in policyData" :key="id">
<div class="item_title">
<span class="item_id">{{ item.id }}</span>
<span class="item_tit">{{ item.title }}</span>
</div>
<div class="dash_line"></div>
<div class="item_desc">
{{ item.desc }}
</div>
</div>
</div>
</div>
</div>
<div v-else>
<div class="com_top">
<h1 class="com_title">留学回国人员福利政策</h1>
<h2 class="com_title_dec">中华人民共和国教育部：“鼓励留学，支持回国”</h2>
<div class="com_con">
中国教育部思想政治工作司司长魏士强2021年12月7日的新闻发布会中发表评论：“支持留学、鼓励回国、来去自由、发挥作用” 是我国多年来奉行的留学政策，即使是进入新时代，我们依然要一以贯之地实行。
<br />我国各省市、地区针对留学生回国颁布了人才引流福利政策，留学已经成为越来越多学生的升学选择。
</div>
</div>
<div class="com_bottom">
<div class="left_part">
<div class="line"></div>
</div>
<div class="right_part">
<div class="right_part_item" v-for="(item, id) in policyData" :key="id">
<div class="item_title">
<span class="item_id">{{ item.id }}</span>
<span class="item_tit">{{ item.title }}</span>
</div>
<div class="dash_line"></div>
<div class="item_desc">
{{ item.desc }}
</div>
</div>
</div>
</div>
</div>
<!-- <img
class="bottom"
v-else
src="https://webapp-pub.ezijing.com/project/marywood/h5/return_con.png"
/> -->
</app-frame>
</template>
<script>
import appFrame from '@/components/appFrame'
export default {
layout: 'normal',
components: { appFrame },
data() {
return {
frameParams: {
slider: [
{
name: this.$t('menu.returnPolicy'),
path: '/returnPolicy/returnPolicy'
}
]
},
policyData: [
{
id: 1,
title: '积分落户',
desc: '北京、上海、广州、深圳、天津等地为取得教育部学历认证的海外留学人员提供落户便利，符合条件者可提出申请，办理落户。'
},
{
id: 2,
title: '人才补助',
desc: '上海、广州、深圳、杭州等地为海归人才提供最高6万的生活补贴。获得北京市“特聘专家”称号可直接获得100万奖励。'
},
{
id: 3,
title: '创业扶持',
desc: '朝阳区“凤凰计划”、海淀区青年英才资助计划、上海浦江人才计划等为符合条件的回国创业海归人员提供15万到50万的创业补贴。'
},
{
id: 4,
title: '百人计划',
desc: '中科院百人计划，引进国外杰出博士人才，以每人200万元的资助力度从国外吸引并培养百余名优秀青年学术带头人。一旦入选，除获得一次性启动经费外还可获得中科院特殊津贴。'
},
{
id: 5,
title: '学术研究',
desc: '评职称时，海归申报可不受工作年限的限制。在外留学一年以上，年龄四十五周岁以下，回国后在科研单位从事教学、科研工作的可申请留学回国人员科研启动资金。'
},
{
id: 6,
title: '购房购车',
desc: '符合条件的留学归国人员可以购买国产免税轿车，每人限享受一个免税指标。部分地区对留学落户人员购房予以一次性3-5万优惠。'
},
{
id: 7,
title: '子女入学',
desc: '有些地区对于留学人员子女入学有优惠政策，通常由教育部门统一安排，择校入学;在国外生活5年以上，在语言文字适应期内入学，给予加分优惠，区内设有教授外语的学校供留学生自由选择。'
}
]
}
},
computed: {
isMobile() {
return this.$store.state.isMobile
}
}
}
</script>
<style lang="scss" scoped>
.is-pc {
.com_top {
padding: 82px 50px 0 50px;
box-sizing: border-box;
.com_title {
font-size: 22px;
font-weight: 500;
color: #333333;
}
.com_title_dec {
font-size: 20px;
font-weight: 400;
color: #424242;
margin-top: 20px;
}
.com_con {
font-size: 16px;
font-weight: 300;
color: #424242;
line-height: 32px;
margin-top: 52px;
}
}
.com_bottom {
display: flex;
justify-content: center;
padding: 60px 60px 102px 60px;
.left_part {
display: flex;
justify-content: center;
flex-direction: column;
position: relative;
.line {
width: 0px;
height: 930px;
border-right: 1.5px dashed #aa1941;
z-index: 10;
margin-top: -130px;
}
}
.right_part {
position: relative;
.item_title {
.item_id {
display: inline-block;
width: 24px;
height: 24px;
line-height: 24px;
background: #aa1941;
border-radius: 50%;
text-align: center;
margin-left: -14px;
margin-top: 5px;
position: absolute;
z-index: 1000000;
color: #fff;
}
.item_tit {
font-size: 16px;
font-weight: bold;
line-height: 36px;
color: #666666;
padding-left: 30px;
}
}
.dash_line {
border-bottom: 1px dashed #d5d5d5;
width: 857px;
margin-left: 30px;
}
.item_desc {
font-size: 16px;
font-weight: 300;
line-height: 32px;
color: #424242;
padding-left: 29px;
margin: 20px 0 43px 0px;
}
}
}
}
.is-h5 {
.com_top {
padding: 0.2rem 0.2rem 0 0.2rem;
box-sizing: border-box;
.com_title {
font-size: 0.22rem;
font-weight: 500;
color: #333333;
}
.com_title_dec {
font-size: 0.14rem;
font-weight: 400;
color: #424242;
margin-top: 0.1rem;
}
.com_con {
font-size: 0.13rem;
font-weight: 300;
color: #424242;
line-height: 0.22rem;
margin-top: 0.2rem;
}
}
.com_bottom {
display: flex;
justify-content: center;
padding: 0.3rem 0.3rem 0.5rem 0.3rem;
.left_part {
display: flex;
justify-content: center;
flex-direction: column;
position: relative;
.line {
width: 0px;
height: 8.2rem;
border-right: 1px dashed #aa1941;
z-index: 10;
margin-top: -1.12rem;
}
}
.right_part {
position: relative;
.item_title {
.item_id {
display: inline-block;
width: 0.24rem;
height: 0.24rem;
line-height: 0.24rem;
background: #aa1941;
border-radius: 50%;
text-align: center;
margin-left: -0.135rem;
margin-top: 0.06rem;
position: absolute;
z-index: 1000000;
color: #fff;
}
.item_tit {
font-size: 0.16rem;
font-weight: bold;
line-height: 0.36rem;
color: #666666;
padding-left: 0.2rem;
}
}
.dash_line {
border-bottom: 1px dashed #d5d5d5;
width: 3.1rem;
margin-left: 0.2rem;
}
.item_desc {
font-size: 0.14rem;
font-weight: 300;
line-height: 0.22rem;
color: #424242;
padding-left: 0.2rem;
margin: 0.1rem 0 0.2rem 0px;
}
}
}
}
.is-h5 {
// .com_top {
.bottom {
width: 100%;
height: 100%;
padding: 0.2rem 0.3rem 0.24rem 0.3rem;
}
// .com_title {
// font-size: 0.14rem;
// font-weight: 500;
// color: #333333;
// }
// .com_title_dec {
// font-size: 0.12rem;
// font-weight: 400;
// color: #424242;
// margin-top: 0.1rem;
// }
// .com_con {
// font-size: 0.1rem;
// font-weight: 300;
// color: #424242;
// margin-top: 0.21rem;
// }
// }
// .com_bottom {
// display: flex;
// justify-content: center;
// padding: 0.6rem 0.6rem 1.02rem 0.6rem;
// .left_part {
// display: flex;
// justify-content: center;
// flex-direction: column;
// position: relative;
// .line {
// width: 0px;
// height: 5.7rem;
// border: 1px dashed #aa1941;
// z-index: 10;
// margin-top: -0.8rem;
// }
// }
// .right_part {
// position: relative;
// .item_title {
// .item_id {
// display: inline-block;
// width: 0.12rem;
// height: 0.12rem;
// line-height: 0.12rem;
// background: #aa1941;
// border-radius: 50%;
// text-align: center;
// margin-left: -0.07rem;
// margin-top: 0.05rem;
// position: absolute;
// z-index: 1000000;
// color: #fff;
// }
// .item_tit {
// font-size: 0.12rem;
// font-weight: bold;
// line-height: 0.24rem;
// color: #666666;
// padding-left: 0.26rem;
// }
// }
// .dash_line {
// border-bottom: 1px dashed #d5d5d5;
// width: 2.5rem;
// margin-left: 0.26rem;
// }
// .item_desc {
// font-size: 0.09rem;
// font-weight: 300;
// color: #424242;
// padding-left: 0.26rem;
// margin: 0.1rem 0 0.22rem 0px;
// }
// }
// }
}
</style>
pages/school/school1.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
<template>
<div>
<div class="banner">
<img class="img_banner" src="https://webapp-pub.ezijing.com/project/marywood/school1111.png" />
<div class="btn">
<el-button class="btn1" @click="$router.push('/my/account')">报名申请</el-button>
</div>
</div>
<div class="content">
<img class="img1" src="https://webapp-pub.ezijing.com/project/marywood/school121.png" />
</div>
<div class="content">
<div class="img-box">
<img class="img2" src="https://webapp-pub.ezijing.com/project/marywood/school131.png" />
</div>
<img class="img22" src="https://webapp-pub.ezijing.com/project/marywood/school132.png" />
</div>
<img class="img4" src="https://webapp-pub.ezijing.com/project/marywood/school2411.png" />
<div class="content">
<img src="https://webapp-pub.ezijing.com/project/marywood/school251.png" />
</div>
<div class="content_tit">
<div class="line"></div>
<div class="tit_desc">学制安排</div>
</div>
<img class="img4" src="https://webapp-pub.ezijing.com/project/marywood/school1611.png" />
<div class="content">
<img src="https://webapp-pub.ezijing.com/project/marywood/school17.png" />
</div>
<div class="content_tit">
<div class="line"></div>
<div class="tit_desc">校园风光</div>
</div>
<div class="swiper-content" @mouseenter="swiperStop" @mouseleave="swiperStart">
<div v-swiper:mySwiper="swiperOption" ref="mySwiper">
<div class="swiper-wrapper">
<div class="swiper-slide" v-for="(item, index) in listData" :key="index">
<img :src="item.web_img_uri" />
</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
layout: 'normal',
data() {
const _this = this
return {
popupVisible: false,
listData: [
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/school_lg1.png' },
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/school_lg2.png' },
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/school_lg3.png' },
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/school_lg4.png' },
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/school_lg5.png' }
],
swiperOption: {
observer: true,
observeParents: true,
speed: 400,
autoplay: true,
delay: 3000,
loop: true,
slidesPerView: 'auto',
centeredSlides: true,
spaceBetween: 20,
on: {
init() {
_this.swiper.slideNext()
}
}
}
}
},
computed: {
swiper() {
return this.$refs.mySwiper.swiper
},
isMobile() {
return this.$store.state.isMobile
}
},
methods: {
swiperStop() {
this.swiper.autoplay.stop()
},
swiperStart() {
this.swiper.autoplay.start()
}
}
}
</script>
<style lang="scss" scoped>
.banner {
position: relative;
.img_banner {
width: 100%;
height: 100%;
}
.btn {
display: flex;
justify-content: center;
position: absolute;
bottom: 109px;
left: 50%;
transform: translateX(-50%);
}
.btn1 {
width: 104px;
height: 32px;
border: 1px solid #ffffff;
font-size: 14px;
font-weight: 400;
line-height: 8px;
background: none;
color: #fff;
}
.btn1:hover {
background-color: #aa1941;
opacity: 1;
}
}
.content {
width: 1200px;
margin: auto;
text-align: center;
margin-top: 70px;
display: flex;
img {
width: 100%;
height: 100%;
}
.img-box {
position: relative;
flex: 1;
.img2 {
width: 956px;
position: absolute;
top: 0;
right: 60px;
}
}
.img22 {
width: 540px;
margin-top: 65px;
}
}
.img4 {
width: 100%;
height: 100%;
margin-top: 68px;
}
.content_tit {
width: 1200px;
margin: auto;
text-align: center;
display: flex;
justify-content: flex-start;
margin-top: 64px;
.line {
width: 6px;
height: 34px;
background: #aa1941;
margin-right: 9px;
margin-top: 6px;
}
.tit_desc {
color: #333333;
font-size: 34px;
font-weight: bold;
}
}
.swiper-content {
padding-top: 37px;
padding-bottom: 132px;
.swiper-slide {
position: relative;
width: 388px;
height: 244px;
margin-top: 10px;
img {
width: 100%;
height: 100%;
line-height: 100%;
}
}
.swiper-slide-active {
width: 423px;
height: 266px;
margin-top: 0;
}
}
</style>
pages/school/school2.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
<template>
<div>
<div class="banner">
<img class="img_banner" src="https://webapp-pub.ezijing.com/project/marywood/school2111.png" />
<div class="btn">
<el-button class="btn1" @click="$router.push('/my/account')">报名申请</el-button>
</div>
</div>
<div class="content">
<img class="img1" src="https://webapp-pub.ezijing.com/project/marywood/school22.png" />
</div>
<div class="content">
<div class="img-box">
<img class="img2" src="https://webapp-pub.ezijing.com/project/marywood/school231.png" />
</div>
<img class="img22" src="https://webapp-pub.ezijing.com/project/marywood/school232.png" />
</div>
<img class="img4" src="https://webapp-pub.ezijing.com/project/marywood/school2412.png" />
<div class="content">
<img src="https://webapp-pub.ezijing.com/project/marywood/school25.png" />
</div>
<div class="content_tit">
<div class="line"></div>
<h1 class="tit_desc">学制安排</h1>
</div>
<img class="img4" src="https://webapp-pub.ezijing.com/project/marywood/school2611.png" />
<div class="content">
<img src="https://webapp-pub.ezijing.com/project/marywood/school27.png" />
</div>
<div class="content_tit">
<div class="line"></div>
<h1 class="tit_desc">校园风光</h1>
</div>
<div class="swiper-content" @mouseenter="swiperStop" @mouseleave="swiperStart">
<div v-swiper:mySwiper="swiperOption" ref="mySwiper">
<div class="swiper-wrapper">
<div class="swiper-slide" v-for="(item, index) in listData" :key="index">
<img :src="item.web_img_uri" />
</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
layout: 'normal',
data() {
const _this = this
return {
popupVisible: false,
listData: [
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/school_zl1.png' },
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/school_zl2.png' },
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/school_zl3.png' },
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/school_zl4.png' },
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/school_zl5.png' }
],
swiperOption: {
observer: true,
observeParents: true,
speed: 400,
autoplay: true,
delay: 3000,
loop: true,
slidesPerView: 'auto',
centeredSlides: true,
spaceBetween: 20,
on: {
init() {
_this.swiper.slideNext()
}
}
}
}
},
computed: {
swiper() {
return this.$refs.mySwiper.swiper
},
isMobile() {
return this.$store.state.isMobile
}
},
methods: {
swiperStop() {
this.swiper.autoplay.stop()
},
swiperStart() {
this.swiper.autoplay.start()
}
}
}
</script>
<style lang="scss" scoped>
.banner {
position: relative;
.img_banner {
width: 100%;
height: 100%;
}
.btn {
display: flex;
justify-content: center;
position: absolute;
bottom: 109px;
left: 50%;
transform: translateX(-50%);
}
.btn1 {
width: 104px;
height: 32px;
border: 1px solid #ffffff;
font-size: 14px;
font-weight: 400;
line-height: 8px;
background: none;
color: #fff;
}
.btn1:hover {
background-color: #aa1941;
opacity: 1;
}
}
.content {
width: 1200px;
margin: auto;
text-align: center;
margin-top: 70px;
display: flex;
img {
width: 100%;
height: 100%;
}
.img-box {
position: relative;
flex: 1;
.img2 {
width: 956px;
position: absolute;
top: 0;
right: 60px;
}
}
.img22 {
width: 540px;
margin-top: 65px;
}
}
.img4 {
width: 100%;
height: 100%;
margin-top: 68px;
}
.content_tit {
width: 1200px;
margin: auto;
text-align: center;
display: flex;
justify-content: flex-start;
margin-top: 64px;
.line {
width: 6px;
height: 34px;
background: #aa1941;
margin-right: 9px;
margin-top: 6px;
}
.tit_desc {
color: #333333;
font-size: 34px;
font-weight: bold;
}
}
.swiper-content {
padding-top: 37px;
padding-bottom: 132px;
.swiper-slide {
position: relative;
width: 388px;
height: 244px;
margin-top: 10px;
img {
width: 100%;
height: 100%;
line-height: 100%;
}
}
.swiper-slide-active {
width: 423px;
height: 266px;
margin-top: 0;
}
}
</style>
pages/school/school3.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
<template>
<div>
<div v-if="!isMobile" class="is-pc">
<div class="banner">
<img class="img_banner" src="https://webapp-pub.ezijing.com/project/cbu-online/school_banner.png" />
</div>
<!-- 学校介绍 -->
<div class="content_school">
<div class="content_left">
<div class="content_left_tit">
<div class="line"></div>
<div class="tit_desc">加州浸会大学介绍</div>
</div>
<div class="content_left_bottom">
加州浸会大学（CaliforniaBaptistUniversity，简称CBU）是位于美国加利福尼亚州里弗赛德(加利福尼亚州南部，河滨市)的一所创立于1950年的综合性私立大学。CBU位于加州河滨市，距离洛杉矶60英里。目前拥有8500余名本科生和研究生，提供超过150多种本科专业及40多种硕士学位和证书课程。CBU开设会计、建筑、航空、生物化学、商务、工程、平面设计、市场营销、音乐、护理学、工程学等150余种专业。“Live
your purpose.”这句话不仅仅是个口号，也传递了CBU教育经验的精髓。<br />
素以一流的学术及卓越的师资而闻名的CBU被2022年“美国新闻与世界报道”评为全美顶尖大学之一，也是南加州顶尖的研究生学位授予大学之一。除了高质量的学术课程以外，学校还拥有WASC、ACBSP、CTC、NASM、BRN、CCNE、ABET等多重权威认证。
</div>
</div>
<img class="content_right" src="https://webapp-pub.ezijing.com/project/cbu-online/pc-school-img.png?v=2" />
</div>
<!-- 专业介绍 -->
<div class="content_part">
<div class="img-box" style="height:600px">
<img class="img2" src="https://webapp-pub.ezijing.com/project/cbu-online/pc-school-img81.png" />
</div>
<div class="content_desc">
<div class="content_tit">
<div class="line"></div>
<div class="tit_desc">专业介绍</div>
</div>
<div class="content_intro">
<span style="color:#424242 !important;font-weight:bold !important"
>加州浸会大学在线与专业研究的在线工商管理博士（DBA)项目：</span
>旨在培养创新型领导者，寻求在公共、私人和非营利组织中发挥最大影响力。这项为在职成年人设立的56个单元的工商管理在线博士学位，包括论文，可以在三年内完成。学生们将每八周集中学习一门在线课程。课程和课程旨在满足负责应对当今全球商业环境的专业人士的需求。
</div>
</div>
</div>
<!-- 申请条件 -->
<div class="content_part" style="flex-direction: column">
<div class="content_tit">
<div class="line"></div>
<div class="tit_desc">申请要求</div>
</div>
<div class="content_list">
<div class="content_list_item" v-for="(item, index) in applyList" :key="index">
<div class="content_list_item_top">
<img :src="item.img" alt="" />
<div class="top_text">{{ item.tit }}</div>
</div>
<div class="content_list_item_center" v-html="item.desc"></div>
<!-- <div class="content_list_item_bottom" v-html="item.tips"></div> -->
</div>
<!-- </div> -->
</div>
<!-- <img src="https://webapp-pub.ezijing.com/project/cbu-online/school-apply-img.png" /> -->
</div>
<!-- 学制安排 -->
<div class="content_tit">
<div class="line"></div>
<div class="tit_desc">学制安排</div>
</div>
<div class="content_part">
<div class="img5 img55">
<div class="mask"></div>
<div class="desc">
<div class="desc_detail"><span class="num">3</span><span class="fen">年</span></div>
<div class="desc_tit">学制安排</div>
</div>
</div>
<div class="img6 img55">
<div class="mask"></div>
<div class="desc">
<div class="desc_detail"><span class="num">36</span><span class="fen">学分</span></div>
<div class="desc_tit">学分设置</div>
</div>
</div>
<div class="img7 img55">
<div class="mask"></div>
<div class="desc">
<div class="desc_detail">
<span class="num">6</span><span class="fen fen1">门课</span><span class="num">18</span
><span class="fen">学分</span>
</div>
<div class="desc_tit">美国授课</div>
</div>
</div>
<div class="img8 img55">
<div class="mask"></div>
<div class="desc">
<div class="desc_detail">
<span class="num">6</span><span class="fen fen1">门课</span><span class="num">18</span
><span class="fen">学分</span>
</div>
<div class="desc_tit">中国授课</div>
</div>
</div>
</div>
<!-- 院校荣誉 -->
<img class="img4" src="https://webapp-pub.ezijing.com/project/cbu-online/pc-school-img9.png" />
<!-- 课程设置 -->
<div class="content_tit">
<div class="line"></div>
<div class="tit_desc">课程设置</div>
</div>
<div class="course-set">
<img src="https://webapp-pub.ezijing.com/project/cbu-online/school-course-img.png?v=1" />
</div>
</div>
<div v-else class="is-h5">
<div class="banner">
<img
class="img_banner"
src="https://webapp-pub.ezijing.com/project/cbu-online/h5/marywood_banner_01.png"
width="100%"
/>
</div>
<div class="h5-content">
<div class="h5-title">加州浸会大学介绍</div>
<img src="https://webapp-pub.ezijing.com/project/cbu-online/h5/school-img1.png?v=2" />
<p>
加州浸会大学（California Baptist
University，简称CBU）是位于美国加利福尼亚州里弗赛德(加利福尼亚州南部，河滨市)的一所创立于1950年的综合性私立大学。CBU位于加州河滨市，距离洛杉矶60英里。目前拥有8500余名本科生和研究生，提供超过150多种本科专业及
40多种硕士学位和证书课程。CBU开设会计、建筑、航空、生物化学、商务、工程、平面设计、市场营销、音乐、护理学、工程学等150余种专业。“Live
your purpose.”这句话不仅仅是个口号 ，也传递了 CBU 教育经验的精髓。
</p>
<p>
素以一流的学术及卓越的师资而闻名的CBU被2022年“美国新闻与世界报道”评为全美顶尖大学之一，也是南加州顶尖的研究生学位授予大学之一。除了高质量的学术课程以外，学校还拥有WASC、ACBSP、CTC、NASM、BRN、CCNE、ABET等多重权威认证。
</p>
<div class="h5-title m-t-10">专业介绍</div>
<img src="https://webapp-pub.ezijing.com/project/cbu-online/h5/school-img2.png?v=2" />
<p>
<span class="desc">加州浸会大学在线与专业研究的在线工商管理博士（DBA）项目：</span>
旨在培养创新型领导者，寻求在公共、私人和非营利组织中发挥最大影响力。这项为在职成年人设立的56个单元的工商管理在线博士学位，包括论文，可以在三年内完成。学生们将每八周集中学习一门在线课程。课程和课程旨在满足负责应对当今全球商业环境的专业人士的需求。
</p>
<div class="h5-title m-t-10">申请条件</div>
<div class="h5-list">
<img src="https://webapp-pub.ezijing.com/project/cbu-online/h5/school-img3.png" />
<img src="https://webapp-pub.ezijing.com/project/cbu-online/h5/school-img4.png" />
<img src="https://webapp-pub.ezijing.com/project/cbu-online/h5/school-img5.png" />
</div>
<img src="https://webapp-pub.ezijing.com/project/cbu-online/h5/school-img6.png" />
<div class="h5-title m-t-10">学制安排</div>
<div class="img-list">
<div class="xz-content">
<div class="xz-item xz1">
<div class="mask"></div>
<div class="desc">
<div class="desc_detail"><span class="num">3</span><span class="fen">年</span></div>
<div class="desc_tit">学制安排</div>
</div>
</div>
<div class="xz-item xz2">
<div class="mask"></div>
<div class="desc">
<div class="desc_detail"><span class="num">36</span><span class="fen">学分</span></div>
<div class="desc_tit">学分设置</div>
</div>
</div>
<div class="xz-item xz3">
<div class="mask"></div>
<div class="desc">
<div class="desc_detail">
<span class="num">6</span><span class="fen fen1">门课</span><span class="num">18</span
><span class="fen">学分</span>
</div>
<div class="desc_tit">国内授课</div>
</div>
</div>
<div class="xz-item xz4">
<div class="mask"></div>
<div class="desc">
<div class="desc_detail">
<span class="num">6</span><span class="fen fen1">门课</span><span class="num">18</span
><span class="fen">学分</span>
</div>
<div class="desc_tit">国外授课</div>
</div>
</div>
</div>
</div>
<div class="h5-title m-t-10">课程设置</div>
<div class="h5-course-set">
<img
src="https://webapp-pub.ezijing.com/project/cbu-online/h5/school-img7.png"
style="margin-bottom:0.3rem"
/>
</div>
</div>
</div>
</div>
</template>
<script>
import 'swiper/css/swiper.css'
export default {
layout: 'normal',
data() {
const _this = this
return {
applyList: [
{
img: 'https://webapp-pub.ezijing.com/project/cbu-online/apply_step1.png',
tit: '学历',
desc: `申请者需持有硕士学位<br/>·拥有工商管理硕士(MBA)学位的申请者可直接申请。<span style="font-size:14px;color:#999999">（通过在线方式取得海外MBA学位的需要单独审核)</span><br/>·拥有MBA以外专业硕士学位的申请者需证明具有5年以上的管理工作经验或者相关领域研究经验，可直接申请。申请通过后，需完成MBA先修课程，才可进入正式的博士项目课程学习。`
// tips: ''
},
{
img: 'https://webapp-pub.ezijing.com/project/cbu-online/apply_step2.png',
tit: '语言',
desc:
'托福79分以上或者雅思6.0分以上<br/>·未达到上述语言要求者，申请通过后，需参加英语强化课程（IntensiveEnglishProgram），测试成绩合格后才可进入博士项目课程学习。'
// tips: ''
},
{
img: 'https://webapp-pub.ezijing.com/project/cbu-online/apply_step3.png',
tit: 'GPA',
desc:
'硕士阶段GPA不低于3.0<br/>·GPA低于3.0的申请者需证明具有8年以上的管理工作或者相关领域研究经验，经中国招生与教学中心人员和CBU教职人员面试后，可直接申请。'
// tips: ''
}
],
courseSetTab: 0,
popupVisible: false,
listData: [
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/school_mary1.png' },
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/school_mary2.png' },
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/school_mary3.png' },
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/school_mary4.png' },
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/school_mary5.png' }
],
listDataH5: [
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/h5/school-bimg1.png' },
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/h5/school-bimg2.png' },
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/h5/school-bimg3.png' },
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/h5/school-bimg4.png' },
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood/h5/school-bimg5.png' }
],
swiperOption: {
observer: true,
observeParents: true,
speed: 400,
autoplay: true,
delay: 3000,
loop: true,
slidesPerView: 'auto',
centeredSlides: true,
spaceBetween: 20,
on: {
init() {
_this.swiper.slideNext()
}
}
},
swiperOption2: {
observer: true,
observeParents: true,
speed: 400,
autoplay: true,
delay: 3000,
loop: true,
slidesPerView: 'auto',
centeredSlides: true,
spaceBetween: 20,
pagination: {
el: '.swiper-pagination'
},
on: {
init() {
_this.swiper.slideNext()
}
}
}
}
},
computed: {
swiper() {
return this.$refs.mySwiper.swiper
},
isMobile() {
return this.$store.state.isMobile
}
},
methods: {
swiperStop() {
this.swiper.autoplay.stop()
},
swiperStart() {
this.swiper.autoplay.start()
},
courseTab(n) {
this.courseSetTab = n
}
}
}
</script>
<style lang="scss" scoped>
.is-pc {
.course-set {
background: #fff;
width: 1200px;
margin: 30px auto 0;
padding: 50px 30px;
margin-bottom: 111px;
img {
width: 1140px;
}
}
.banner {
position: relative;
.img_banner {
width: 100%;
height: 100%;
}
.btn {
display: flex;
justify-content: center;
position: absolute;
bottom: 109px;
left: 50%;
transform: translateX(-50%);
}
.btn1 {
width: 104px;
height: 32px;
border: 1px solid #ffffff;
font-size: 14px;
font-weight: 400;
line-height: 8px;
background: none;
color: #fff;
}
.btn1:hover {
background-color: #aa1941;
opacity: 1;
}
}
.content_school {
// background-color: #ccc;
height: 661px;
width: 1200px;
margin: 70px auto;
text-align: center;
display: flex;
justify-content: space-around;
align-items: center;
.content_left {
padding-right: 152px;
min-width: 524px;
height: 100%;
// background-color: red;
.content_tit {
text-align: center;
display: flex;
justify-content: flex-start;
margin-top: 64px;
.line {
width: 6px;
height: 34px;
background: #aa1941;
margin-right: 9px;
margin-top: 6px;
}
.tit_desc {
color: #333333;
font-size: 34px;
font-weight: bold;
}
}
.content_left_bottom {
font-size: 16px;
font-weight: 300;
color: #424242;
margin-top: 62px;
text-align: left;
line-height: 2;
}
}
.content_right {
min-width: 596px;
height: 100%;
// background-color: yellow;
}
}
.content_tit {
width: 1200px;
margin: auto;
text-align: center;
display: flex;
justify-content: flex-start;
margin-top: 64px;
.line {
width: 6px;
height: 34px;
background: #aa1941;
margin-right: 9px;
margin-top: 6px;
}
.tit_desc {
color: #333333;
font-size: 34px;
font-weight: bold;
}
}
.content_part {
width: 1200px;
margin: auto;
text-align: center;
margin-top: 70px;
display: flex;
.content_list {
width: 100%;
display: flex;
justify-content: space-around;
// align-items: center;
background-color: #fff;
padding-bottom: 35px;
margin-top: 31px;
.content_list_item {
padding: 68px 39px 0 41px;
width: 380px;
// height: 483px;
opacity: 1;
.content_list_item_top {
img {
width: 91.66px;
height: 100%;
}
.top_text {
font-size: 20px;
font-weight: 500;
color: #484848;
}
}
.content_list_item_center {
text-align: left;
font-size: 16px;
font-weight: 400;
color: #666666;
margin-top: 37px;
line-height: 30px;
}
// .content_list_item_bottom {
// font-size: 14px;
// font-weight: 400;
// color: #999999;
// // margin-top: 17px;
// text-align: left;
// line-height: 2;
// }
}
}
// .content_list_item:nth-child(3) .content_list_item_center {
// text-align: center;
// }
.content_list_item:nth-child(1) {
padding-top: 80px;
}
.content_list_item:nth-child(1) .content_list_item_top .top_text {
margin-top: 35px;
}
.content_list_item:nth-child(2) .content_list_item_top .top_text {
margin-top: 29px;
}
.content_list_item:nth-child(3) .content_list_item_top .top_text {
margin-top: 30px;
}
.content_desc {
width: 536px;
padding-left: 30px;
.content_tit {
text-align: center;
display: flex;
justify-content: flex-start;
margin-top: 64px;
.line {
width: 6px;
height: 34px;
background: #aa1941;
margin-right: 9px;
margin-top: 6px;
}
.tit_desc {
color: #333333;
font-size: 34px;
font-weight: bold;
}
}
.content_intro {
font-size: 16px;
font-weight: 300;
color: #424242;
line-height: 2;
margin-top: 62px;
text-align: left;
}
}
img {
width: 100%;
height: 100%;
}
.img-box {
position: relative;
flex: 1;
.img2 {
width: 956px;
position: absolute;
top: 0;
right: 60px;
}
}
.img22 {
width: 540px;
margin-top: 65px;
}
.img55 {
width: 292px;
height: 345px;
margin-right: 11px;
cursor: pointer;
position: relative;
.mask {
position: absolute;
background: rgba(0, 0, 0, 0.6);
color: #ffffff;
opacity: 1;
top: 0;
right: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
.desc {
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
margin-top: 137px;
transition: all 0.15s ease-in;
position: relative;
z-index: 11;
.desc_tit {
font-size: 24px;
font-weight: 500;
color: #ffffff;
margin-top: -10px;
}
.desc_detail {
color: #ffffff;
display: flex;
justify-content: flex-end;
align-items: center;
flex-wrap: nowrap;
visibility: hidden;
.num {
font-size: 55px;
font-weight: bold;
}
.fen {
font-size: 20px;
font-weight: 400;
padding-top: 20px;
}
.fen1 {
padding-right: 5px;
}
}
}
}
.img55:hover .mask {
opacity: 1;
background: rgba(0, 0, 0, 0.7);
}
.img55:hover .desc {
transform: translateY(-30px);
}
.img55:hover .desc .desc_detail {
visibility: visible;
}
.img5 {
background: url('https://webapp-pub.ezijing.com/project/cbu-online/pc-school-img4.png');
}
.img6 {
background: url('https://webapp-pub.ezijing.com/project/cbu-online/pc-school-img5.png');
}
.img7 {
background: url('https://webapp-pub.ezijing.com/project/cbu-online/pc-school-img6.png');
}
.img8 {
background: url('https://webapp-pub.ezijing.com/project/cbu-online/pc-school-img7.png');
}
}
.img4 {
width: 100%;
height: 100%;
margin-top: 68px;
}
.content_left_tit {
width: 1200px;
margin: auto;
text-align: center;
display: flex;
justify-content: flex-start;
margin-top: 64px;
.line {
width: 6px;
height: 34px;
background: #aa1941;
margin-right: 9px;
margin-top: 6px;
}
.tit_desc {
color: #333333;
font-size: 34px;
font-weight: bold;
}
}
.swiper-content {
padding-top: 37px;
padding-bottom: 132px;
.swiper-slide {
position: relative;
width: 388px;
height: 244px;
margin-top: 10px;
img {
width: 100%;
height: 100%;
line-height: 100%;
}
}
.swiper-slide-active {
width: 423px;
height: 266px;
margin-top: 0;
}
}
}
.is-h5 {
.banner {
img {
width: 100%;
display: block;
}
}
.h5-course-set {
background: #fff;
padding: 0.2rem 0.12rem;
.h5-head {
height: 0.7rem;
border-bottom: 1px solid #bebebe;
display: flex;
overflow-x: scroll;
.btn {
padding-top: 0.25rem;
p {
font-size: 0.13rem;
color: #959595;
text-align: center;
white-space: nowrap;
}
&.active {
p {
color: #aa1941;
}
border-bottom: 1px solid #aa1941;
}
}
}
}
.h5-content {
padding: 0 0.15rem;
img {
width: 100%;
display: block;
}
.h5-title {
font-size: 0.14rem;
font-weight: bold;
color: #424242;
line-height: 0.36rem;
&.m-t-10 {
margin-top: 0.1rem;
}
}
.h5-list {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
img {
margin-top: 0.1rem;
// width: 1.08rem;
// height: 1.4rem;
// display: block;
}
}
p {
font-size: 0.12rem;
font-weight: 300;
color: #424242;
line-height: 2;
margin-top: 0.3rem;
.desc {
font-weight: bold;
}
}
.img-list {
overflow-x: scroll;
display: flex;
.xz-content {
width: 6rem;
margin: auto;
text-align: center;
display: flex;
.img-box {
position: relative;
flex: 1;
.img2 {
width: 956px;
position: absolute;
top: 0;
right: 60px;
}
}
.xz-item {
width: 1.4rem;
height: 1.6rem;
margin-right: 0.1rem;
cursor: pointer;
position: relative;
// .mask {
// position: absolute;
// background: rgba(0, 0, 0, 0.6);
// color: #ffffff;
// opacity: 1;
// top: 0;
// right: 0;
// width: 100%;
// height: 100%;
// pointer-events: none;
// }
.desc {
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
margin-top: 0.4rem;
transition: all 0.15s ease-in;
position: relative;
z-index: 11;
.desc_tit {
font-size: 0.16rem;
font-weight: 500;
color: #ffffff;
}
.desc_detail {
color: #ffffff;
display: flex;
justify-content: flex-end;
align-items: center;
flex-wrap: nowrap;
.num {
font-size: 0.3rem;
font-weight: bold;
}
.fen {
font-size: 0.16rem;
font-weight: 400;
padding-top: 0.08rem;
}
.fen1 {
padding-right: 0.05rem;
}
}
}
}
.xz1 {
background: url('https://webapp-pub.ezijing.com/project/cbu-online/h5/h5-school-img1.png');
}
.xz2 {
background: url('https://webapp-pub.ezijing.com/project/cbu-online/h5/h5-school-img2.png');
}
.xz3 {
background: url('https://webapp-pub.ezijing.com/project/cbu-online/h5/h5-school-img3.png');
}
.xz4 {
background: url('https://webapp-pub.ezijing.com/project/cbu-online/h5/h5-school-img4.png');
}
}
}
.swiper-content {
padding-bottom: 0.5rem;
}
}
}
::v-deep {
.swiper-pagination-bullet-active {
background: #fff;
}
}
</style>
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论