Skip to content

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

update

上级 94b2ff73
隐藏空白字符变更
内嵌 并排
正在显示 包含 365 行增加 和 492 行删除
components/home/presence.vue
浏览文件 @ 9d69c36f
...@@ -2,7 +2,9 @@ ...@@ -2,7 +2,9 @@
<div :class="isMobile ? 'is-h5' : 'is-pc'"> <div :class="isMobile ? 'is-h5' : 'is-pc'">
<div class="presence-content-box"> <div class="presence-content-box">
<card :title="$t('home.presence.title')" class="card-style"> <card :title="$t('home.presence.title')" class="card-style">
<template #header-aside><nuxt-link to="/alumni/sharing">{{ $t('viewMore') }}</nuxt-link></template> <template #header-aside
><nuxt-link to="/alumni/sharing">{{ $t('viewMore') }}</nuxt-link></template
>
</card> </card>
<div class="content-mian"> <div class="content-mian">
<van-swipe class="my-swipe" :autoplay="5000" :vertical="true" indicator-color="white"> <van-swipe class="my-swipe" :autoplay="5000" :vertical="true" indicator-color="white">
...@@ -108,7 +110,7 @@ export default { ...@@ -108,7 +110,7 @@ export default {
path: '/alumni/sharing' path: '/alumni/sharing'
} }
}, },
listData: [], listData: []
} }
}, },
async fetch() { async fetch() {
...@@ -163,8 +165,8 @@ export default { ...@@ -163,8 +165,8 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.is-pc{ .is-pc {
.card-style{ .card-style {
width: 1200px; width: 1200px;
margin: 0 auto; margin: 0 auto;
} }
...@@ -176,9 +178,9 @@ export default { ...@@ -176,9 +178,9 @@ export default {
} }
.content-mian { .content-mian {
padding-top: 24px; padding-top: 24px;
.my-swipe{ .my-swipe {
height: 500px; height: 500px;
img{ img {
width: 100%; width: 100%;
height: 100%; height: 100%;
display: block; display: block;
...@@ -188,7 +190,7 @@ export default { ...@@ -188,7 +190,7 @@ export default {
width: 1200px; width: 1200px;
height: 540px; height: 540px;
margin: 80px auto 0; margin: 80px auto 0;
background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/home-ssfc-bg.png); background: url(https://webapp-pub.ezijing.com/project/kelley/home-ssfc-bg.png);
background-size: 100% 100%; background-size: 100% 100%;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
...@@ -245,62 +247,62 @@ export default { ...@@ -245,62 +247,62 @@ export default {
} }
} }
} }
.is-h5{ .is-h5 {
.card-width{ .card-width {
width: 100%; width: 100%;
margin: 0; margin: 0;
::v-deep{ ::v-deep {
.card-hd{ .card-hd {
margin: 0.2rem 0.15rem; margin: 0.2rem 0.15rem;
} }
} }
} }
.presence-content-box{ .presence-content-box {
.my-swipe{ .my-swipe {
height: 1.58rem; height: 1.58rem;
img{ img {
width: 100%; width: 100%;
height: 100%; height: 100%;
display: block; display: block;
} }
} }
.form-box{ .form-box {
background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley-h5/home-presen-bg-new1.png) center; background: url(https://webapp-pub.ezijing.com/project/kelley-h5/home-presen-bg-new1.png) center;
background-size: cover; background-size: cover;
padding-top: .18rem; padding-top: 0.18rem;
box-sizing: border-box; box-sizing: border-box;
margin-top: .27rem; margin-top: 0.27rem;
padding-bottom: .05rem; padding-bottom: 0.05rem;
.title-box{ .title-box {
width: 3.75rem; width: 3.75rem;
height: 1.2rem; height: 1.2rem;
background: rgba(170, 25, 65, .63); background: rgba(170, 25, 65, 0.63);
box-shadow: 0rem 0rem 1rem rgba(0, 0, 0, 0.07); box-shadow: 0rem 0rem 1rem rgba(0, 0, 0, 0.07);
.bt{ .bt {
text-align: center; text-align: center;
font-size: 0.26rem; font-size: 0.26rem;
// font-weight: bold; // font-weight: bold;
line-height: 0.31rem; line-height: 0.31rem;
color: #FFFFFF; color: #ffffff;
text-align: center; text-align: center;
padding-top: .16rem; padding-top: 0.16rem;
} }
.tips{ .tips {
font-size: 0.1rem; font-size: 0.1rem;
line-height: 0.12rem; line-height: 0.12rem;
color: #FFFFFF; color: #ffffff;
text-align: center; text-align: center;
padding-top: .1rem; padding-top: 0.1rem;
} }
} }
.form{ .form {
width: 2.7rem; width: 2.7rem;
background: #FFFFFF; background: #ffffff;
margin: .2rem auto; margin: 0.2rem auto;
padding: .25rem .2rem; padding: 0.25rem 0.2rem;
box-sizing: border-box; box-sizing: border-box;
.li{ .li {
margin-bottom: .2rem; margin-bottom: 0.2rem;
} }
::v-deep { ::v-deep {
.el-select { .el-select {
...@@ -309,11 +311,11 @@ export default { ...@@ -309,11 +311,11 @@ export default {
} }
} }
.btn { .btn {
font-size: .12rem; font-size: 0.12rem;
line-height: .16rem; line-height: 0.16rem;
color: #ffffff; color: #ffffff;
background: #aa1941; background: #aa1941;
border-radius: .02rem; border-radius: 0.02rem;
text-align: center; text-align: center;
cursor: pointer; cursor: pointer;
} }
......
components/home/projectFeatures.vue
浏览文件 @ 9d69c36f
...@@ -4,8 +4,8 @@ ...@@ -4,8 +4,8 @@
<card :title="$t('home.project.title')"> <card :title="$t('home.project.title')">
<ul class="nav-content"> <ul class="nav-content">
<li v-for="(item, index) in data" :key="index"> <li v-for="(item, index) in data" :key="index">
<img :src="item.icon" class="icon"> <img :src="item.icon" class="icon" />
<img v-if="!isMobile" :src="item.iconActive" class="icon-active"> <img v-if="!isMobile" :src="item.iconActive" class="icon-active" />
<div class="text" v-html="item.text"></div> <div class="text" v-html="item.text"></div>
</li> </li>
</ul> </ul>
...@@ -29,28 +29,28 @@ export default { ...@@ -29,28 +29,28 @@ export default {
}, },
data: [ data: [
{ {
icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/home-icon1.png', icon: 'https://webapp-pub.ezijing.com/project/kelley/home-icon1.png',
iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/home-icon-s1.png', iconActive: 'https://webapp-pub.ezijing.com/project/kelley/home-icon-s1.png',
text: this.$store.state.isMobile ? this.$t('home.project.h5.itemT1') : this.$t('home.project.pc.itemT1') text: this.$store.state.isMobile ? this.$t('home.project.h5.itemT1') : this.$t('home.project.pc.itemT1')
}, },
{ {
icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/home-icon2.png', icon: 'https://webapp-pub.ezijing.com/project/kelley/home-icon2.png',
iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/home-icon-s2.png', iconActive: 'https://webapp-pub.ezijing.com/project/kelley/home-icon-s2.png',
text: this.$store.state.isMobile ? this.$t('home.project.h5.itemT2') : this.$t('home.project.pc.itemT2') text: this.$store.state.isMobile ? this.$t('home.project.h5.itemT2') : this.$t('home.project.pc.itemT2')
}, },
{ {
icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/home-icon3.png', icon: 'https://webapp-pub.ezijing.com/project/kelley/home-icon3.png',
iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/home-icon-s3.png', iconActive: 'https://webapp-pub.ezijing.com/project/kelley/home-icon-s3.png',
text: this.$store.state.isMobile ? this.$t('home.project.h5.itemT3') : this.$t('home.project.pc.itemT3') text: this.$store.state.isMobile ? this.$t('home.project.h5.itemT3') : this.$t('home.project.pc.itemT3')
}, },
{ {
icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/home-icon4.png', icon: 'https://webapp-pub.ezijing.com/project/kelley/home-icon4.png',
iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/home-icon-s4.png', iconActive: 'https://webapp-pub.ezijing.com/project/kelley/home-icon-s4.png',
text: this.$store.state.isMobile ? this.$t('home.project.h5.itemT4') : this.$t('home.project.pc.itemT4') text: this.$store.state.isMobile ? this.$t('home.project.h5.itemT4') : this.$t('home.project.pc.itemT4')
}, },
{ {
icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/home-icon5.png', icon: 'https://webapp-pub.ezijing.com/project/kelley/home-icon5.png',
iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/home-icon-s5.png', iconActive: 'https://webapp-pub.ezijing.com/project/kelley/home-icon-s5.png',
text: this.$store.state.isMobile ? this.$t('home.project.h5.itemT5') : this.$t('home.project.pc.itemT5') text: this.$store.state.isMobile ? this.$t('home.project.h5.itemT5') : this.$t('home.project.pc.itemT5')
} }
] ]
...@@ -77,46 +77,46 @@ export default { ...@@ -77,46 +77,46 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.is-pc{ .is-pc {
.service-content{ .service-content {
padding-top: 68px; padding-top: 68px;
.nav-content{ .nav-content {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
padding-top: 15px; padding-top: 15px;
li{ li {
width: 224px; width: 224px;
height: 230px; height: 230px;
padding-top: 53px; padding-top: 53px;
box-sizing: border-box; box-sizing: border-box;
background: #F9F8F8; background: #f9f8f8;
// background: #fff; // background: #fff;
// box-shadow: 0px 4px 38px rgba(142, 30, 34, 0.41); // box-shadow: 0px 4px 38px rgba(142, 30, 34, 0.41);
cursor: pointer; cursor: pointer;
transition: all .3s; transition: all 0.3s;
img{ img {
width: 80px; width: 80px;
height: 80px; height: 80px;
display: block; display: block;
margin: 0 auto; margin: 0 auto;
} }
.icon-active{ .icon-active {
display: none; display: none;
} }
&:hover{ &:hover {
background: #AA1941; background: #aa1941;
box-shadow: 0px 4px 20px rgba(142, 30, 34, 0.41); box-shadow: 0px 4px 20px rgba(142, 30, 34, 0.41);
.text{ .text {
color: #fff; color: #fff;
} }
.icon{ .icon {
display: none; display: none;
} }
.icon-active{ .icon-active {
display: block; display: block;
} }
} }
.text{ .text {
font-size: 14px; font-size: 14px;
line-height: 18px; line-height: 18px;
color: #666666; color: #666666;
...@@ -126,36 +126,36 @@ export default { ...@@ -126,36 +126,36 @@ export default {
} }
} }
} }
.max-width-center{ .max-width-center {
width: 1212px; width: 1212px;
margin: 0 auto; margin: 0 auto;
} }
} }
.is-h5{ .is-h5 {
.service-content{ .service-content {
ul{ ul {
display: flex; display: flex;
overflow-x: scroll; overflow-x: scroll;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
} }
li{ li {
min-width: .78rem; min-width: 0.78rem;
background: #FFFFFF; background: #ffffff;
margin-right: .10rem; margin-right: 0.1rem;
padding-top: .11rem; padding-top: 0.11rem;
img{ img {
width: .4rem; width: 0.4rem;
height: .4rem; height: 0.4rem;
display: block; display: block;
margin: 0 auto; margin: 0 auto;
} }
.text{ .text {
font-size: .1rem; font-size: 0.1rem;
line-height: .16rem; line-height: 0.16rem;
color: #666666; color: #666666;
padding-top: .05rem; padding-top: 0.05rem;
text-align: center; text-align: center;
padding-bottom: .1rem; padding-bottom: 0.1rem;
} }
} }
} }
......
components/home/schoolRanking.vue
浏览文件 @ 9d69c36f
...@@ -25,7 +25,7 @@ ...@@ -25,7 +25,7 @@
<div class="p" v-html="$t('home.ranking.item2Txt1')"></div> <div class="p" v-html="$t('home.ranking.item2Txt1')"></div>
</div> </div>
<div class="item"> <div class="item">
<div class="tit" style="padding-top: .32rem;"><span>No.</span>1</div> <div class="tit" style="padding-top: 0.32rem"><span>No.</span>1</div>
<div class="p" v-html="$t('home.ranking.item2Txt2')"></div> <div class="p" v-html="$t('home.ranking.item2Txt2')"></div>
</div> </div>
</div> </div>
...@@ -55,70 +55,70 @@ export default { ...@@ -55,70 +55,70 @@ export default {
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.is-pc{ .is-pc {
.ranking-content-box{ .ranking-content-box {
margin-top: 57px; margin-top: 57px;
width: 100%; width: 100%;
height: 680px; height: 680px;
background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/home-ranking-bg.png) center; background: url(https://webapp-pub.ezijing.com/project/kelley/home-ranking-bg.png) center;
background-size: cover; background-size: cover;
.title{ .title {
width: 996px; width: 996px;
display: flex; display: flex;
margin: 0 auto; margin: 0 auto;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
padding: 108px 0 100px; padding: 108px 0 100px;
.line{ .line {
width: 369px; width: 369px;
height: 1px; height: 1px;
background: #FFFFFF; background: #ffffff;
} }
.name{ .name {
font-size: 36px; font-size: 36px;
font-weight: bold; font-weight: bold;
line-height: 100%; line-height: 100%;
color: #FFFFFF; color: #ffffff;
} }
} }
.content-mian{ .content-mian {
width: 1000px; width: 1000px;
margin: 0 auto; margin: 0 auto;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
.li{ .li {
width: 250px; width: 250px;
&.mar-t{ &.mar-t {
transform: translateY(-35px); transform: translateY(-35px);
.li-tit{ .li-tit {
line-height: 34px; line-height: 34px;
transform: translateY(20px); transform: translateY(20px);
} }
} }
.li-tit{ .li-tit {
text-align: center; text-align: center;
font-size: 30px; font-size: 30px;
line-height: 100%; line-height: 100%;
color: #fff; color: #fff;
} }
.item{ .item {
.tit{ .tit {
padding-top: 46px; padding-top: 46px;
font-size: 48px; font-size: 48px;
line-height: 100%; line-height: 100%;
color: #FFFFFF; color: #ffffff;
text-align: center; text-align: center;
margin-bottom: 15px; margin-bottom: 15px;
line-height: 100%; line-height: 100%;
span{ span {
font-size: 24px; font-size: 24px;
} }
} }
.p{ .p {
text-align: center; text-align: center;
font-size: 16px; font-size: 16px;
line-height: 30px; line-height: 30px;
color: #FFFFFF; color: #ffffff;
// margin-bottom: 11px; // margin-bottom: 11px;
} }
} }
...@@ -126,71 +126,71 @@ export default { ...@@ -126,71 +126,71 @@ export default {
} }
} }
} }
.is-h5{ .is-h5 {
.ranking-content-box{ .ranking-content-box {
margin-top: .2rem; margin-top: 0.2rem;
width: 100%; width: 100%;
min-height: 2.84rem; min-height: 2.84rem;
background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley-h5/home-ranking-bg.png) center; background: url(https://webapp-pub.ezijing.com/project/kelley-h5/home-ranking-bg.png) center;
background-size: cover; background-size: cover;
padding: 0 .1rem; padding: 0 0.1rem;
box-sizing: border-box; box-sizing: border-box;
.title{ .title {
width: 3.41rem; width: 3.41rem;
display: flex; display: flex;
margin: 0 auto; margin: 0 auto;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
padding: .27rem 0 .26rem; padding: 0.27rem 0 0.26rem;
.line{ .line {
width: 1rem; width: 1rem;
height: .01rem; height: 0.01rem;
background: #FFFFFF; background: #ffffff;
} }
.name{ .name {
font-size: 0.17rem; font-size: 0.17rem;
font-weight: bold; font-weight: bold;
line-height: 0.33rem; line-height: 0.33rem;
color: #FFFFFF; color: #ffffff;
} }
} }
.content-mian{ .content-mian {
// width: 1000px; // width: 1000px;
// margin: 0 auto; // margin: 0 auto;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
.li{ .li {
width: 1.05rem; width: 1.05rem;
&.mar-t{ &.mar-t {
transform: translateY(-.15rem); transform: translateY(-0.15rem);
.li-tit{ .li-tit {
line-height: 0.15rem; line-height: 0.15rem;
transform: translateY(.1rem); transform: translateY(0.1rem);
} }
} }
.li-tit{ .li-tit {
text-align: center; text-align: center;
font-size: 0.13rem; font-size: 0.13rem;
line-height: 100%; line-height: 100%;
color: #fff; color: #fff;
} }
.item{ .item {
.tit{ .tit {
padding-top: .15rem; padding-top: 0.15rem;
font-size: 0.24rem; font-size: 0.24rem;
color: #FFFFFF; color: #ffffff;
text-align: center; text-align: center;
margin-bottom: .03rem; margin-bottom: 0.03rem;
line-height: 100%; line-height: 100%;
span{ span {
font-size: .12rem; font-size: 0.12rem;
} }
} }
.p{ .p {
font-size: 0.1rem; font-size: 0.1rem;
line-height: 0.16rem; line-height: 0.16rem;
margin-bottom: .05rem; margin-bottom: 0.05rem;
color: #FFFFFF; color: #ffffff;
text-align: center; text-align: center;
} }
} }
......
pages/about/course.vue
浏览文件 @ 9d69c36f
<template> <template>
<div class="course-content-box"> <app-frame :data="frameParams">
<app-frame :data="frameParams"> <div class="course-content-box">
<div class="content-mian"> <div class="content-mian">
<div class="border-box"> <div class="border-box">
<template v-for="(item, index) in courseData"> <template v-for="(item, index) in courseData">
...@@ -18,8 +18,8 @@ ...@@ -18,8 +18,8 @@
</template> </template>
</div> </div>
</div> </div>
</app-frame> </div>
</div> </app-frame>
</template> </template>
<script> <script>
import appFrame from '@/components/appFrame' import appFrame from '@/components/appFrame'
...@@ -30,147 +30,70 @@ export default { ...@@ -30,147 +30,70 @@ export default {
}, },
data() { data() {
return { return {
pageOptions,
courseData: [ courseData: [
{ {
title: this.$t('setCourse.tit1'), title: this.$t('setCourse.tit1'),
item: [ item: [
{ { name: this.$t('setCourse.t1'), score: 0 },
name: this.$t('setCourse.t1'), { name: this.$t('setCourse.t2'), score: 0 },
score: 0 { name: this.$t('setCourse.t3'), score: 0 }
},
{
name: this.$t('setCourse.t2'),
score: 0
},
{
name: this.$t('setCourse.t3'),
score: 0
}
] ]
}, },
{ {
title: this.$t('setCourse.tit2'), title: this.$t('setCourse.tit2'),
item: [ item: [
{ { name: this.$t('setCourse.t4'), score: 3 },
name: this.$t('setCourse.t4'), { name: this.$t('setCourse.t5'), score: 3 },
score: 3 { name: this.$t('setCourse.t6'), score: 3 },
}, { name: this.$t('setCourse.t7'), score: 3 },
{ { name: this.$t('setCourse.t8'), score: 3 },
name: this.$t('setCourse.t5'), { name: this.$t('setCourse.t9'), score: 3 },
score: 3 { name: this.$t('setCourse.t10'), score: 3 },
}, { name: this.$t('setCourse.t11'), score: 3 },
{ { name: this.$t('setCourse.t12'), score: 3 },
name: this.$t('setCourse.t6'), { name: this.$t('setCourse.t13'), score: 1.5 },
score: 3 { name: this.$t('setCourse.t14'), score: 1.5 },
}, { name: this.$t('setCourse.t15'), score: 1.5 }
{
name: this.$t('setCourse.t7'),
score: 3
},
{
name: this.$t('setCourse.t8'),
score: 3
},
{
name: this.$t('setCourse.t9'),
score: 3
},
{
name: this.$t('setCourse.t10'),
score: 3
},
{
name: this.$t('setCourse.t11'),
score: 3
},
{
name: this.$t('setCourse.t12'),
score: 3
},
{
name: this.$t('setCourse.t13'),
score: 1.5
},
{
name: this.$t('setCourse.t14'),
score: 1.5
},
{
name: this.$t('setCourse.t15'),
score: 1.5
}
] ]
}, },
{ {
title: this.$t('setCourse.tit3'), title: this.$t('setCourse.tit3'),
item: [ item: [
{ { name: this.$t('setCourse.t16'), score: 0 },
name: this.$t('setCourse.t16'), { name: this.$t('setCourse.t17'), score: 0 },
score: 0 { name: this.$t('setCourse.t18'), score: 0 },
}, { name: this.$t('setCourse.t19'), score: 0 },
{ { name: this.$t('setCourse.t20'), score: 0 },
name: this.$t('setCourse.t17'), { name: this.$t('setCourse.t21'), score: 0 },
score: 0 { name: this.$t('setCourse.t22'), score: 0 }
},
{
name: this.$t('setCourse.t18'),
score: 0
},
{
name: this.$t('setCourse.t19'),
score: 0
},
{
name: this.$t('setCourse.t20'),
score: 0
},
{
name: this.$t('setCourse.t21'),
score: 0
},
{
name: this.$t('setCourse.t22'),
score: 0
}
] ]
}, },
{ {
title: this.$t('setCourse.tit4'), title: this.$t('setCourse.tit4'),
item: [ item: [
{ { name: this.$t('setCourse.t23'), score: 1.5 },
name: this.$t('setCourse.t23'), { name: this.$t('setCourse.t24'), score: 0 },
score: 1.5 { name: this.$t('setCourse.t25'), score: 0 }
},
{
name: this.$t('setCourse.t24'),
score: 0
},
{
name: this.$t('setCourse.t25'),
score: 0
}
] ]
} }
], ],
frameParams: { frameParams: {
banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/about-banner.png', banner: 'https://webapp-pub.ezijing.com/project/kelley/about-banner.png',
slider: [ slider: [
{ {
name: this.$t('menu.courseChild.set'), name: this.$t('menu.courseChild.set'),
path: '/about/course', path: '/about/course'
pathActive: ['/about/course']
}, },
{ {
name: this.$t('menu.courseChild.teachers'), name: this.$t('menu.courseChild.teachers'),
path: '/about/teacher', path: '/about/teacher'
pathActive: ['/about/teacher']
} }
] ]
} }
} }
}, },
mounted() { mounted() {}
}
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
......
pages/about/teacher.vue
浏览文件 @ 9d69c36f
<template> <template>
<div class="teacher-content-box"> <app-frame :data="frameParams">
<app-frame :data="frameParams"> <div class="teacher-content-box">
<div class="content-box"> <div class="content-box">
<div class="teacher-box"> <div class="teacher-box">
<div class="mar-t-box" v-for="(item, index) in teacherList" :key="index"> <div class="mar-t-box" v-for="(item, index) in teacherList" :key="index">
...@@ -17,8 +17,8 @@ ...@@ -17,8 +17,8 @@
</div> </div>
</div> </div>
</div> </div>
</app-frame> </div>
</div> </app-frame>
</template> </template>
<script> <script>
import appFrame from '@/components/appFrame' import appFrame from '@/components/appFrame'
...@@ -34,32 +34,32 @@ export default { ...@@ -34,32 +34,32 @@ export default {
title: this.$t('teachers.tit1'), title: this.$t('teachers.tit1'),
list: [ list: [
{ {
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t1.png', image: 'https://webapp-pub.ezijing.com/project/kelley/teacher-t1.png',
name: this.$t('teachers.tea1Name'), name: this.$t('teachers.tea1Name'),
intr: this.$t('teachers.tea1Txt') intr: this.$t('teachers.tea1Txt')
}, },
{ {
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t2.png', image: 'https://webapp-pub.ezijing.com/project/kelley/teacher-t2.png',
name: this.$t('teachers.tea2Name'), name: this.$t('teachers.tea2Name'),
intr: this.$t('teachers.tea2Txt') intr: this.$t('teachers.tea2Txt')
}, },
{ {
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t3.png', image: 'https://webapp-pub.ezijing.com/project/kelley/teacher-t3.png',
name: this.$t('teachers.tea3Name'), name: this.$t('teachers.tea3Name'),
intr: this.$t('teachers.tea3Txt') intr: this.$t('teachers.tea3Txt')
}, },
{ {
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t4.png', image: 'https://webapp-pub.ezijing.com/project/kelley/teacher-t4.png',
name: this.$t('teachers.tea4Name'), name: this.$t('teachers.tea4Name'),
intr: this.$t('teachers.tea4Txt') intr: this.$t('teachers.tea4Txt')
}, },
{ {
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t5.png', image: 'https://webapp-pub.ezijing.com/project/kelley/teacher-t5.png',
name: this.$t('teachers.tea5Name'), name: this.$t('teachers.tea5Name'),
intr: this.$t('teachers.tea5Txt') intr: this.$t('teachers.tea5Txt')
}, },
{ {
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t6.png', image: 'https://webapp-pub.ezijing.com/project/kelley/teacher-t6.png',
name: this.$t('teachers.tea6Name'), name: this.$t('teachers.tea6Name'),
intr: this.$t('teachers.tea6Txt') intr: this.$t('teachers.tea6Txt')
} }
...@@ -69,32 +69,32 @@ export default { ...@@ -69,32 +69,32 @@ export default {
title: this.$t('teachers.tit2'), title: this.$t('teachers.tit2'),
list: [ list: [
{ {
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t7.png', image: 'https://webapp-pub.ezijing.com/project/kelley/teacher-t7.png',
name: this.$t('teachers.tea7Name'), name: this.$t('teachers.tea7Name'),
intr: this.$t('teachers.tea7Txt') intr: this.$t('teachers.tea7Txt')
}, },
{ {
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t8.png', image: 'https://webapp-pub.ezijing.com/project/kelley/teacher-t8.png',
name: this.$t('teachers.tea8Name'), name: this.$t('teachers.tea8Name'),
intr: this.$t('teachers.tea8Txt') intr: this.$t('teachers.tea8Txt')
}, },
{ {
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t9.png', image: 'https://webapp-pub.ezijing.com/project/kelley/teacher-t9.png',
name: this.$t('teachers.tea9Name'), name: this.$t('teachers.tea9Name'),
intr: this.$t('teachers.tea9Txt') intr: this.$t('teachers.tea9Txt')
}, },
{ {
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t10.png', image: 'https://webapp-pub.ezijing.com/project/kelley/teacher-t10.png',
name: this.$t('teachers.tea10Name'), name: this.$t('teachers.tea10Name'),
intr: this.$t('teachers.tea10Txt') intr: this.$t('teachers.tea10Txt')
}, },
{ {
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t11.png', image: 'https://webapp-pub.ezijing.com/project/kelley/teacher-t11.png',
name: this.$t('teachers.tea11Name'), name: this.$t('teachers.tea11Name'),
intr: this.$t('teachers.tea11Txt') intr: this.$t('teachers.tea11Txt')
}, },
{ {
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t12.png', image: 'https://webapp-pub.ezijing.com/project/kelley/teacher-t12.png',
name: this.$t('teachers.tea12Name'), name: this.$t('teachers.tea12Name'),
intr: this.$t('teachers.tea12Txt') intr: this.$t('teachers.tea12Txt')
} }
...@@ -102,24 +102,21 @@ export default { ...@@ -102,24 +102,21 @@ export default {
} }
], ],
frameParams: { frameParams: {
banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/about-banner2.png', banner: 'https://webapp-pub.ezijing.com/project/kelley/about-banner2.png',
slider: [ slider: [
{ {
name: this.$t('menu.courseChild.set'), name: this.$t('menu.courseChild.set'),
path: '/about/course', path: '/about/course'
pathActive: ['/about/course']
}, },
{ {
name: this.$t('menu.courseChild.teachers'), name: this.$t('menu.courseChild.teachers'),
path: '/about/teacher', path: '/about/teacher'
pathActive: ['/about/teacher']
} }
] ]
} }
} }
}, },
mounted() { mounted() {}
}
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
......
pages/alumni/outstanding.vue
浏览文件 @ 9d69c36f
<template> <template>
<div class="outstanding"> <app-frame :data="frameParams">
<app-frame :data="frameParams"> <div class="outstanding">
<div class="alumni"> <div class="alumni">
<h5>{{ $t('outstanding.title1') }}</h5> <h5>{{ $t('outstanding.title1') }}</h5>
<ul class="card-list"> <ul class="card-list">
...@@ -28,8 +28,8 @@ ...@@ -28,8 +28,8 @@
</li> </li>
</ul> </ul>
</div> </div>
</app-frame> </div>
</div> </app-frame>
</template> </template>
<script> <script>
import appFrame from '@/components/appFrame' import appFrame from '@/components/appFrame'
...@@ -42,108 +42,106 @@ export default { ...@@ -42,108 +42,106 @@ export default {
return { return {
alumniList: [ alumniList: [
{ {
avatar: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/alumni-outstanding-01.png', avatar: 'https://webapp-pub.ezijing.com/project/kelley/alumni-outstanding-01.png',
name: "Paul H. O'Neill", name: "Paul H. O'Neill",
post: ['前美国财政部长'] post: ['前美国财政部长']
}, },
{ {
avatar: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/alumni-outstanding-02.png', avatar: 'https://webapp-pub.ezijing.com/project/kelley/alumni-outstanding-02.png',
name: 'Alan B. Graf', name: 'Alan B. Graf',
post: ['Fedex首席财务官'] post: ['Fedex首席财务官']
}, },
{ {
avatar: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/alumni-outstanding-03.png', avatar: 'https://webapp-pub.ezijing.com/project/kelley/alumni-outstanding-03.png',
name: 'John Chambers', name: 'John Chambers',
post: ['Cisco首席执行官'] post: ['Cisco首席执行官']
}, },
{ {
avatar: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/alumni-outstanding-04.png', avatar: 'https://webapp-pub.ezijing.com/project/kelley/alumni-outstanding-04.png',
name: 'Ali Tuet', name: 'Ali Tuet',
post: ['香港ESG控股集团主席总裁'] post: ['香港ESG控股集团主席总裁']
}, },
{ {
avatar: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/alumni-outstanding-05.png', avatar: 'https://webapp-pub.ezijing.com/project/kelley/alumni-outstanding-05.png',
name: 'Jimmy Wales', name: 'Jimmy Wales',
post: ['Jimmy Wales'] post: ['Jimmy Wales']
}, },
{ {
avatar: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/alumni-outstanding-06.png', avatar: 'https://webapp-pub.ezijing.com/project/kelley/alumni-outstanding-06.png',
name: 'Mark Cuban', name: 'Mark Cuban',
post: ['美国知名投资人', 'NBA达拉斯独行侠球队老板'] post: ['美国知名投资人', 'NBA达拉斯独行侠球队老板']
}, },
{ {
avatar: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/alumni-outstanding-07.png', avatar: 'https://webapp-pub.ezijing.com/project/kelley/alumni-outstanding-07.png',
name: 'Peter Wong', name: 'Peter Wong',
post: ['汇丰银行', '亚洲区总裁'] post: ['汇丰银行', '亚洲区总裁']
}, },
{ {
avatar: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/alumni-outstanding-08.png', avatar: 'https://webapp-pub.ezijing.com/project/kelley/alumni-outstanding-08.png',
name: "Paul H. O'Neill", name: "Paul H. O'Neill",
post: ['美国 Whirlpool', '亚洲副总裁'] post: ['美国 Whirlpool', '亚洲副总裁']
} }
], ],
studentList: [ studentList: [
{ {
avatar: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/alumni-outstanding-stud-01.png', avatar: 'https://webapp-pub.ezijing.com/project/kelley/alumni-outstanding-stud-01.png',
name: '张彧', name: '张彧',
education: ['Xavier University', '工商管理硕士'], education: ['Xavier University', '工商管理硕士'],
post: ['希尔顿酒店管理有限公司', '财务部副总裁'] post: ['希尔顿酒店管理有限公司', '财务部副总裁']
}, },
{ {
avatar: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/alumni-outstanding-stud-02.png', avatar: 'https://webapp-pub.ezijing.com/project/kelley/alumni-outstanding-stud-02.png',
name: '赵旭娜', name: '赵旭娜',
education: ['约翰霍普金斯大学', '博士后'], education: ['约翰霍普金斯大学', '博士后'],
post: ['瓦里安医疗系统公司（美国）', '大中华区高级临床战略经理'] post: ['瓦里安医疗系统公司（美国）', '大中华区高级临床战略经理']
}, },
{ {
avatar: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/alumni-outstanding-stud-03.png', avatar: 'https://webapp-pub.ezijing.com/project/kelley/alumni-outstanding-stud-03.png',
name: '刘育弘', name: '刘育弘',
education: ['中山大学', '高级工商管理硕士'], education: ['中山大学', '高级工商管理硕士'],
post: ['广州快塑电子商务有限公司', '执行总裁'] post: ['广州快塑电子商务有限公司', '执行总裁']
}, },
{ {
avatar: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/alumni-outstanding-stud-04.png', avatar: 'https://webapp-pub.ezijing.com/project/kelley/alumni-outstanding-stud-04.png',
name: '刘丹', name: '刘丹',
education: ['香港大学李嘉诚医学院', '医学影像学博士'], education: ['香港大学李嘉诚医学院', '医学影像学博士'],
post: ['华润医疗直属医院', '运营院长'] post: ['华润医疗直属医院', '运营院长']
}, },
{ {
avatar: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/alumni-outstanding-stud-05.png', avatar: 'https://webapp-pub.ezijing.com/project/kelley/alumni-outstanding-stud-05.png',
name: '刘志诚', name: '刘志诚',
education: ['香港理工大学', '软件科技及工商管理双硕士'], education: ['香港理工大学', '软件科技及工商管理双硕士'],
post: ['乐信集团信息安全中心', '总监'] post: ['乐信集团信息安全中心', '总监']
}, },
{ {
avatar: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/alumni-outstanding-stud-06.png', avatar: 'https://webapp-pub.ezijing.com/project/kelley/alumni-outstanding-stud-06.png',
name: '孙红平', name: '孙红平',
education: ['广东外语外贸大学', '翻译硕士'], education: ['广东外语外贸大学', '翻译硕士'],
post: ['美国IPO直通车公司', '管理合伙人'] post: ['美国IPO直通车公司', '管理合伙人']
}, },
{ {
avatar: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/alumni-outstanding-stud-07.png', avatar: 'https://webapp-pub.ezijing.com/project/kelley/alumni-outstanding-stud-07.png',
name: '侍文', name: '侍文',
education: ['The University of Manchester', '工商管理硕士'], education: ['The University of Manchester', '工商管理硕士'],
post: ['苏州诗诗珠宝有限公司', '总经理'] post: ['苏州诗诗珠宝有限公司', '总经理']
}, },
{ {
avatar: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/alumni-outstanding-stud-08.png', avatar: 'https://webapp-pub.ezijing.com/project/kelley/alumni-outstanding-stud-08.png',
name: '虞东', name: '虞东',
education: ['北京大学光华管理学院', '高级工商管理硕士'], education: ['北京大学光华管理学院', '高级工商管理硕士'],
post: ['西安纸贵互联网科技有限公司', '董事合伙人首席风控官'] post: ['西安纸贵互联网科技有限公司', '董事合伙人首席风控官']
} }
], ],
frameParams: { frameParams: {
banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/alumni-outstanding-banner.png', banner: 'https://webapp-pub.ezijing.com/project/kelley/alumni-outstanding-banner.png',
slider: [ slider: [
{ {
name: this.$t('menu.alumniChild.outstanding'), name: this.$t('menu.alumniChild.outstanding'),
path: '/alumni/outstanding', path: '/alumni/outstanding'
pathActive: ['/alumni/outstanding']
}, },
{ {
name: this.$t('menu.alumniChild.share'), name: this.$t('menu.alumniChild.share'),
path: '/alumni/sharing', path: '/alumni/sharing'
pathActive: ['/alumni/sharing']
} }
] ]
} }
......
pages/alumni/sharing/_id.vue
浏览文件 @ 9d69c36f
<template> <template>
<div class="detail-content-box"> <app-frame :data="frameParams">
<app-frame :data="frameParams"> <div class="detail-content-box">
<div class="content-box"> <div class="content-box">
<div class="back-btn" @click="$router.go(-1)"> <div class="back-btn" @click="$router.go(-1)">
<div class="el-icon-arrow-left"></div> <div class="el-icon-arrow-left"></div>
...@@ -11,8 +11,8 @@ ...@@ -11,8 +11,8 @@
<div class="article-content" v-html="data.content"></div> <div class="article-content" v-html="data.content"></div>
<recommend /> <recommend />
</div> </div>
</app-frame> </div>
</div> </app-frame>
</template> </template>
<script> <script>
import appFrame from '@/components/appFrame' import appFrame from '@/components/appFrame'
...@@ -28,14 +28,12 @@ export default { ...@@ -28,14 +28,12 @@ export default {
frameParams: { frameParams: {
slider: [ slider: [
{ {
name: '杰出校友', name: this.$t('menu.alumniChild.outstanding'),
path: '/alumni/outstanding', path: '/alumni/outstanding'
pathActive: ['/alumni/outstanding']
}, },
{ {
name: '校友分享', name: this.$t('menu.alumniChild.share'),
path: '/alumni/sharing', path: '/alumni/sharing'
pathActive: ['/alumni/sharing']
} }
] ]
}, },
......
pages/alumni/sharing/index.vue
浏览文件 @ 9d69c36f
...@@ -13,17 +13,15 @@ export default { ...@@ -13,17 +13,15 @@ export default {
data() { data() {
return { return {
frameParams: { frameParams: {
banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/alumni-sharing-banner.png', banner: 'https://webapp-pub.ezijing.com/project/kelley/alumni-sharing-banner.png',
slider: [ slider: [
{ {
name: this.$t('menu.alumniChild.outstanding'), name: this.$t('menu.alumniChild.outstanding'),
path: '/alumni/outstanding', path: '/alumni/outstanding',
pathActive: ['/alumni/outstanding']
}, },
{ {
name: this.$t('menu.alumniChild.share'), name: this.$t('menu.alumniChild.share'),
path: '/alumni/sharing', path: '/alumni/sharing',
pathActive: ['/alumni/sharing']
} }
] ]
} }
......
pages/apply/problem.vue
浏览文件 @ 9d69c36f
<template> <template>
<div class="problem-content-box"> <app-frame :data="frameParams">
<app-frame :data="frameParams"> <div class="problem-content-box">
<div class="content-box"> <div class="content-box">
<template v-for="(item, index) in problemList"> <template v-for="(item, index) in problemList">
<div class="problem-item-box" :key="index"> <div class="problem-item-box" :key="index">
...@@ -16,8 +16,8 @@ ...@@ -16,8 +16,8 @@
</div> </div>
</template> </template>
</div> </div>
</app-frame> </div>
</div> </app-frame>
</template> </template>
<script> <script>
import appFrame from '@/components/appFrame' import appFrame from '@/components/appFrame'
...@@ -70,22 +70,19 @@ export default { ...@@ -70,22 +70,19 @@ export default {
} }
], ],
frameParams: { frameParams: {
banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/apply-banner3.png', banner: 'https://webapp-pub.ezijing.com/project/kelley/apply-banner3.png',
slider: [ slider: [
{ {
name: this.$t('menu.recruitChild.apply'), name: this.$t('menu.recruitChild.apply'),
path: '/apply/relevant', path: '/apply/relevant'
pathActive: ['/apply/relevant']
}, },
{ {
name: this.$t('menu.recruitChild.cost'), name: this.$t('menu.recruitChild.cost'),
path: '/apply/support', path: '/apply/support'
pathActive: ['/apply/support']
}, },
{ {
name: this.$t('menu.recruitChild.problem'), name: this.$t('menu.recruitChild.problem'),
path: '/apply/problem', path: '/apply/problem'
pathActive: ['/apply/problem']
} }
] ]
} }
......
pages/apply/relevant.vue
浏览文件 @ 9d69c36f
<template> <template>
<div class="rele-content-box"> <app-frame :data="frameParams">
<app-frame :data="frameParams"> <div class="rele-content-box">
<div class="content-box"> <div class="content-box">
<div class="text-content"> <div class="text-content">
<div class="title">{{ $t('apply.con1Tit') }}</div> <div class="title">{{ $t('apply.con1Tit') }}</div>
...@@ -8,10 +8,10 @@ ...@@ -8,10 +8,10 @@
<div class="title mar-t55">{{ $t('apply.con2Tit') }}</div> <div class="title mar-t55">{{ $t('apply.con2Tit') }}</div>
<div class="con-txt" v-html="$t('apply.con2Txt')"></div> <div class="con-txt" v-html="$t('apply.con2Txt')"></div>
</div> </div>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/apply-img.png" alt="" /> <img src="https://webapp-pub.ezijing.com/project/kelley/apply-img.png" alt="" />
</div> </div>
</app-frame> </div>
</div> </app-frame>
</template> </template>
<script> <script>
import appFrame from '@/components/appFrame' import appFrame from '@/components/appFrame'
...@@ -24,22 +24,19 @@ export default { ...@@ -24,22 +24,19 @@ export default {
return { return {
newsList: [], newsList: [],
frameParams: { frameParams: {
banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/apply-banner.png', banner: 'https://webapp-pub.ezijing.com/project/kelley/apply-banner.png',
slider: [ slider: [
{ {
name: this.$t('menu.recruitChild.apply'), name: this.$t('menu.recruitChild.apply'),
path: '/apply/relevant', path: '/apply/relevant'
pathActive: ['/apply/relevant']
}, },
{ {
name: this.$t('menu.recruitChild.cost'), name: this.$t('menu.recruitChild.cost'),
path: '/apply/support', path: '/apply/support'
pathActive: ['/apply/support']
}, },
{ {
name: this.$t('menu.recruitChild.problem'), name: this.$t('menu.recruitChild.problem'),
path: '/apply/problem', path: '/apply/problem'
pathActive: ['/apply/problem']
} }
] ]
} }
......
pages/apply/support.vue
浏览文件 @ 9d69c36f
<template> <template>
<div class="rele-content-box"> <app-frame :data="frameParams">
<app-frame :data="frameParams"> <div class="rele-content-box">
<div class="content-box"> <div class="content-box">
<div class="text-content"> <div class="text-content">
<div class="title">{{ $t('cost.con1Tit') }}</div> <div class="title">{{ $t('cost.con1Tit') }}</div>
...@@ -9,8 +9,8 @@ ...@@ -9,8 +9,8 @@
<div class="con-txt" v-html="$t('cost.con2Txt')"></div> <div class="con-txt" v-html="$t('cost.con2Txt')"></div>
</div> </div>
</div> </div>
</app-frame> </div>
</div> </app-frame>
</template> </template>
<script> <script>
import appFrame from '@/components/appFrame' import appFrame from '@/components/appFrame'
...@@ -23,22 +23,19 @@ export default { ...@@ -23,22 +23,19 @@ export default {
return { return {
newsList: [], newsList: [],
frameParams: { frameParams: {
banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/apply-banner2.png', banner: 'https://webapp-pub.ezijing.com/project/kelley/apply-banner2.png',
slider: [ slider: [
{ {
name: this.$t('menu.recruitChild.apply'), name: this.$t('menu.recruitChild.apply'),
path: '/apply/relevant', path: '/apply/relevant'
pathActive: ['/apply/relevant']
}, },
{ {
name: this.$t('menu.recruitChild.cost'), name: this.$t('menu.recruitChild.cost'),
path: '/apply/support', path: '/apply/support'
pathActive: ['/apply/support']
}, },
{ {
name: this.$t('menu.recruitChild.problem'), name: this.$t('menu.recruitChild.problem'),
path: '/apply/problem', path: '/apply/problem'
pathActive: ['/apply/problem']
} }
] ]
} }
......
pages/news/hot/_id.vue
浏览文件 @ 9d69c36f
<template> <template>
<div class="detail-content-box"> <app-frame :data="frameParams">
<app-frame :data="frameParams"> <div class="detail-content-box">
<div class="content-box"> <div class="content-box">
<div class="back-btn" @click="$router.go(-1)"> <div class="back-btn" @click="$router.go(-1)">
<div class="el-icon-arrow-left"></div> <div class="el-icon-arrow-left"></div>
...@@ -11,8 +11,8 @@ ...@@ -11,8 +11,8 @@
<div class="article-content" v-html="data.content"></div> <div class="article-content" v-html="data.content"></div>
<recommend /> <recommend />
</div> </div>
</app-frame> </div>
</div> </app-frame>
</template> </template>
<script> <script>
import appFrame from '@/components/appFrame' import appFrame from '@/components/appFrame'
...@@ -28,14 +28,12 @@ export default { ...@@ -28,14 +28,12 @@ export default {
frameParams: { frameParams: {
slider: [ slider: [
{ {
name: '热点新闻', name: this.$t('menu.newsChild.hot'),
path: '/news/hot', path: '/news/hot'
pathActive: ['/news/hot', '/news/hot-detail']
}, },
{ {
name: '教授采访', name: this.$t('menu.newsChild.interview'),
path: '/news/interview', path: '/news/interview'
pathActive: ['/news/interview', '/news/interview-detail']
} }
] ]
}, },
...@@ -59,7 +57,6 @@ export default { ...@@ -59,7 +57,6 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.detail-content-box { .detail-content-box {
// width: 1000px;
// background: #fff; // background: #fff;
// box-sizing: border-box; // box-sizing: border-box;
// margin-bottom: 100px; // margin-bottom: 100px;
......
pages/news/hot/index.vue
浏览文件 @ 9d69c36f
...@@ -13,17 +13,15 @@ export default { ...@@ -13,17 +13,15 @@ export default {
data() { data() {
return { return {
frameParams: { frameParams: {
banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/news-banner.png', banner: 'https://webapp-pub.ezijing.com/project/kelley/news-banner.png',
slider: [ slider: [
{ {
name: this.$t('menu.newsChild.hot'), name: this.$t('menu.newsChild.hot'),
path: '/news/hot', path: '/news/hot'
pathActive: ['/news/hot', '/news/hot-detail']
}, },
{ {
name: this.$t('menu.newsChild.interview'), name: this.$t('menu.newsChild.interview'),
path: '/news/interview', path: '/news/interview'
pathActive: ['/news/interview', '/news/interview-detail']
} }
] ]
} }
......
pages/news/interview/_id.vue
浏览文件 @ 9d69c36f
...@@ -29,14 +29,12 @@ export default { ...@@ -29,14 +29,12 @@ export default {
frameParams: { frameParams: {
slider: [ slider: [
{ {
name: '热点新闻', name: this.$t('menu.newsChild.hot'),
path: '/news/hot', path: '/news/hot'
pathActive: ['/news/hot', '/news/hot-detail']
}, },
{ {
name: '教授采访', name: this.$t('menu.newsChild.interview'),
path: '/news/interview', path: '/news/interview'
pathActive: ['/news/interview', '/news/interview-detail']
} }
] ]
}, },
......
pages/news/interview/index.vue
浏览文件 @ 9d69c36f
...@@ -13,17 +13,15 @@ export default { ...@@ -13,17 +13,15 @@ export default {
data() { data() {
return { return {
frameParams: { frameParams: {
banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/news-banner2.png', banner: 'https://webapp-pub.ezijing.com/project/kelley/news-banner2.png',
slider: [ slider: [
{ {
name: this.$t('menu.newsChild.hot'), name: this.$t('menu.newsChild.hot'),
path: '/news/hot', path: '/news/hot'
pathActive: ['/news/hot']
}, },
{ {
name: this.$t('menu.newsChild.interview'), name: this.$t('menu.newsChild.interview'),
path: '/news/interview', path: '/news/interview'
pathActive: ['/news/interview']
} }
] ]
} }
......
pages/project-intro/bg.vue
浏览文件 @ 9d69c36f
<template> <template>
<div class="project-bg"> <app-frame :data="frameParams">
<app-frame :data="frameParams"> <div class="project-bg-main">
<div class="project-bg-main"> <ul class="tabs">
<ul class="tabs"> <li
<li v-for="item in list"
v-for="item in list" :key="item.name"
:key="item.name" :class="{ 'is-active': tabActive === item.name }"
:class="{ 'is-active': tabActive === item.name }" @click="tabActive = item.name"
@click="tabActive = item.name" >
> {{ item.label }}
{{ item.label }} </li>
</li> </ul>
</ul> <div class="zjjy" v-if="tabActive === 'zjjy'">
<div class="zjjy" v-if="tabActive === 'zjjy'"> <div class="sub-banner">
<div class="sub-banner"> <img src="https://webapp-pub.ezijing.com/project/kelley/project-intro-bg-zjjy.png" />
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/project-intro-bg-zjjy.png" alt="" /> </div>
</div> <div class="text" v-html="$t('bg.con1Txt')"></div>
<div class="text" v-html="$t('bg.con1Txt')"></div> <div class="tags">
<div class="tags"> <div :class="{ 'tag-item': true, big: (index + 2) % 4 === 0 }" v-for="(item, index) in tags" :key="item.text">
<div <div class="tag-item-inner">
:class="{ 'tag-item': true, big: (index + 2) % 4 === 0 }" <p>
v-for="(item, index) in tags" <span>{{ item.num }}</span
:key="item.text" >{{ item.unit }}
> </p>
<div class="tag-item-inner"> <span>{{ item.text }}</span>
<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>
<el-divider direction="vertical" v-if="(index + 1) % 4 !== 0"></el-divider>
</div> </div>
</div> </div>
<div class="kelley" v-if="tabActive === 'kelley'"> </div>
<div class="sub-banner"> <div class="kelley" v-if="tabActive === 'kelley'">
<img <div class="sub-banner">
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/project-intro-bg-kelley.png" <img src="https://webapp-pub.ezijing.com/project/kelley/project-intro-bg-kelley.png" />
alt=""
/>
</div>
<div class="text">
<p>
印第安纳大学伯明顿分校是美国公立常春藤名校，成立于1820年，有近200年历史，是著名的研究型大学，拥有9位诺贝尔奖得主。
</p>
<p>
印第安纳大学Kelley商学院是印第安纳大学伯明顿分校的明星学院，也是世界上历史最悠久和领先的商学院之一，成立于1920年，有近100年历史。
</p>
<p>
Kelley商学院是印第安纳大学的商科研究生院，前身为Indiana University School of Commerce and Finance.
Kelley自1920年创立以来一直被认为是美国顶尖的商学院之一，在Business Week, U.S.News & World Report, 和The
Economist Intelligence
Unit等权威杂志的商学院排名中更是名列前茅，Kelley的校友在世界各地的企业，非盈利性组织，政府和学术机构中扮演着领导者的角色。
</p>
</div>
</div> </div>
<div class="lhbx" v-if="tabActive === 'lhbx'"> <div class="text">
<div class="sub-banner"> <p>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/project-intro-bg-lhbx.png" alt="" /> 印第安纳大学伯明顿分校是美国公立常春藤名校，成立于1820年，有近200年历史，是著名的研究型大学，拥有9位诺贝尔奖得主。
</div> </p>
<div class="text"> <p>
<p> 印第安纳大学Kelley商学院是印第安纳大学伯明顿分校的明星学院，也是世界上历史最悠久和领先的商学院之一，成立于1920年，有近100年历史。
本项目为紫荆教育与美国印第安纳大学Kelley商学院联合推出的金融学硕士项目，同时结合Kelley商学院金融学硕士的全球领先地位，引领中国金融教育实践，旨在培养具有国际视野、具备金融专业能力与实践创新能力，通晓国际金融规则和行业实践经验的金融专业人才。 </p>
</p> <p>
<p> Kelley商学院是印第安纳大学的商科研究生院，前身为Indiana University School of Commerce and Finance.
项目采用中英双语授课，学制为在职15个月（学籍最长可保留5年）。共设有三大模块近20余门学位课程，并结合访学、论文、实践等丰富多彩的教学形式。中美双方各负责50%的教学内容。项目采用线上学习和线下面授的教学方式，学习期间安排一次集中强化式赴美访学。 Kelley自1920年创立以来一直被认为是美国顶尖的商学院之一，在Business Week, U.S.News & World Report, 和The
</p> Economist Intelligence
<p> Unit等权威杂志的商学院排名中更是名列前茅，Kelley的校友在世界各地的企业，非盈利性组织，政府和学术机构中扮演着领导者的角色。
项目学习结束后，满足毕业条件的学员将获得美国印第安纳大学Kelley商学院授予的金融学硕士学位证书，该证书与印第安纳大学Kelley商学院本校生所获得的学位证书具有完全相同的形式和效力。 </p>
</p> </div>
<p> </div>
世界最发达经济体与世界最大新兴经济体互相合作与学习，美国顶级商学院Kelley School of <div class="lhbx" v-if="tabActive === 'lhbx'">
Business与清华控股旗下紫荆教育紧密携手，依托清华大学五道口金融学院和美国印第安纳大学Kelley商学院的优质教学资源，打造最原汁原味、最接近实战的金融学硕士学位课程。 <div class="sub-banner">
</p> <img src="https://webapp-pub.ezijing.com/project/kelley/project-intro-bg-lhbx.png" />
</div> </div>
<div class="text">
<p>
本项目为紫荆教育与美国印第安纳大学Kelley商学院联合推出的金融学硕士项目，同时结合Kelley商学院金融学硕士的全球领先地位，引领中国金融教育实践，旨在培养具有国际视野、具备金融专业能力与实践创新能力，通晓国际金融规则和行业实践经验的金融专业人才。
</p>
<p>
项目采用中英双语授课，学制为在职15个月（学籍最长可保留5年）。共设有三大模块近20余门学位课程，并结合访学、论文、实践等丰富多彩的教学形式。中美双方各负责50%的教学内容。项目采用线上学习和线下面授的教学方式，学习期间安排一次集中强化式赴美访学。
</p>
<p>
项目学习结束后，满足毕业条件的学员将获得美国印第安纳大学Kelley商学院授予的金融学硕士学位证书，该证书与印第安纳大学Kelley商学院本校生所获得的学位证书具有完全相同的形式和效力。
</p>
<p>
世界最发达经济体与世界最大新兴经济体互相合作与学习，美国顶级商学院Kelley School of
Business与清华控股旗下紫荆教育紧密携手，依托清华大学五道口金融学院和美国印第安纳大学Kelley商学院的优质教学资源，打造最原汁原味、最接近实战的金融学硕士学位课程。
</p>
</div> </div>
</div> </div>
</app-frame> </div>
</div> </app-frame>
</template> </template>
<script> <script>
export default { export default {
...@@ -102,22 +93,19 @@ export default { ...@@ -102,22 +93,19 @@ export default {
{ num: 500, unit: this.$t('bg.unit3'), text: this.$t('bg.con1ItemT8') } { num: 500, unit: this.$t('bg.unit3'), text: this.$t('bg.con1ItemT8') }
], ],
frameParams: { frameParams: {
banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/project-intro-bg.png', banner: 'https://webapp-pub.ezijing.com/project/kelley/project-intro-bg.png',
slider: [ slider: [
{ {
name: this.$t('menu.projectChild.bg'), name: this.$t('menu.projectChild.bg'),
path: '/project-intro/bg', path: '/project-intro/bg'
pathActive: ['/project-intro/bg']
}, },
{ {
name: this.$t('menu.projectChild.feature'), name: this.$t('menu.projectChild.feature'),
path: '/project-intro/charac', path: '/project-intro/charac'
pathActive: ['/project-intro/charac']
}, },
{ {
name: this.$t('menu.projectChild.cert'), name: this.$t('menu.projectChild.cert'),
path: '/project-intro/certificate', path: '/project-intro/certificate'
pathActive: ['/project-intro/certificate']
} }
] ]
} }
......
pages/project-intro/certificate.vue
浏览文件 @ 9d69c36f
<template> <template>
<div class="certificate"> <app-frame :data="frameParams">
<app-frame :data="frameParams"> <div class="certificate">
<div class="certificate-main"> <div class="checkbox">
<div class="checkbox"> <p><i></i>{{ $t('cert.txt1') }}</p>
<p><i></i>{{ $t('cert.txt1') }}</p> <p><i></i>{{ $t('cert.txt2') }}</p>
<p><i></i>{{ $t('cert.txt2') }}</p>
</div>
<p class="text">{{ $t('cert.txt3') }}</p>
<img
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/project-intro-certificate-pic.png"
alt=""
/>
<p class="certificate-title">{{ $t('cert.txt4') }}</p>
<p class="certificate-des">{{ $t('cert.txt5') }}</p>
</div> </div>
</app-frame> <p class="text">{{ $t('cert.txt3') }}</p>
</div> <img src="https://webapp-pub.ezijing.com/project/kelley/project-intro-certificate-pic.png" />
<p class="certificate-title">{{ $t('cert.txt4') }}</p>
<p class="certificate-des">{{ $t('cert.txt5') }}</p>
</div>
</app-frame>
</template> </template>
<script> <script>
export default { export default {
...@@ -23,22 +18,19 @@ export default { ...@@ -23,22 +18,19 @@ export default {
data() { data() {
return { return {
frameParams: { frameParams: {
banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/project-intro-certificate-banner.png', banner: 'https://webapp-pub.ezijing.com/project/kelley/project-intro-certificate-banner.png',
slider: [ slider: [
{ {
name: this.$t('menu.projectChild.bg'), name: this.$t('menu.projectChild.bg'),
path: '/project-intro/bg', path: '/project-intro/bg'
pathActive: ['/project-intro/bg']
}, },
{ {
name: this.$t('menu.projectChild.feature'), name: this.$t('menu.projectChild.feature'),
path: '/project-intro/charac', path: '/project-intro/charac'
pathActive: ['/project-intro/charac']
}, },
{ {
name: this.$t('menu.projectChild.cert'), name: this.$t('menu.projectChild.cert'),
path: '/project-intro/certificate', path: '/project-intro/certificate'
pathActive: ['/project-intro/certificate']
} }
] ]
} }
...@@ -47,7 +39,7 @@ export default { ...@@ -47,7 +39,7 @@ export default {
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.certificate-main { .certificate {
padding: 40px; padding: 40px;
text-align: center; text-align: center;
.checkbox { .checkbox {
...@@ -66,7 +58,7 @@ export default { ...@@ -66,7 +58,7 @@ export default {
display: inline-block; display: inline-block;
width: 22px; width: 22px;
height: 22px; height: 22px;
background: url('https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/project-intro-certificate-icon.png'); background: url('https://webapp-pub.ezijing.com/project/kelley/project-intro-certificate-icon.png');
background-size: 22px 22px; background-size: 22px 22px;
margin-right: 10px; margin-right: 10px;
vertical-align: middle; vertical-align: middle;
......
pages/project-intro/charac.vue
浏览文件 @ 9d69c36f
<template> <template>
<div class="charac"> <app-frame :data="frameParams">
<app-frame :data="frameParams"> <ul class="card">
<ul class="card"> <li v-for="item in list" :key="item.title">
<li v-for="item in list" :key="item.title"> <div class="left">
<div class="left"> <img :src="item.img" />
<img :src="item.img" /> </div>
</div> <div class="right">
<div class="right"> <h5>{{ item.title }}</h5>
<h5>{{ item.title }}</h5> <p v-for="text in item.texts" :key="text">{{ text }}</p>
<p v-for="text in item.texts" :key="text">{{ text }}</p> </div>
</div> </li>
</li> </ul>
</ul> </app-frame>
</app-frame>
</div>
</template> </template>
<script> <script>
export default { export default {
...@@ -22,38 +20,35 @@ export default { ...@@ -22,38 +20,35 @@ export default {
return { return {
list: [ list: [
{ {
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/project-intro-charac-icon1.png', img: 'https://webapp-pub.ezijing.com/project/kelley/project-intro-charac-icon1.png',
title: this.$t('feature.item1Tit'), title: this.$t('feature.item1Tit'),
texts: [this.$t('feature.item1Txt1'), this.$t('feature.item1Txt2'), this.$t('feature.item1Txt3')] texts: [this.$t('feature.item1Txt1'), this.$t('feature.item1Txt2'), this.$t('feature.item1Txt3')]
}, },
{ {
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/project-intro-charac-icon2.png', img: 'https://webapp-pub.ezijing.com/project/kelley/project-intro-charac-icon2.png',
title: this.$t('feature.item2Tit'), title: this.$t('feature.item2Tit'),
texts: [this.$t('feature.item2Txt1'), this.$t('feature.item2Txt2'), this.$t('feature.item2Txt3')] texts: [this.$t('feature.item2Txt1'), this.$t('feature.item2Txt2'), this.$t('feature.item2Txt3')]
}, },
{ {
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/project-intro-charac-icon3.png', img: 'https://webapp-pub.ezijing.com/project/kelley/project-intro-charac-icon3.png',
title: this.$t('feature.item3Tit'), title: this.$t('feature.item3Tit'),
texts: [this.$t('feature.item3Txt1'), this.$t('feature.item3Txt2'), this.$t('feature.item3Txt3')] texts: [this.$t('feature.item3Txt1'), this.$t('feature.item3Txt2'), this.$t('feature.item3Txt3')]
} }
], ],
frameParams: { frameParams: {
banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/project-intro-charac.png', banner: 'https://webapp-pub.ezijing.com/project/kelley/project-intro-charac.png',
slider: [ slider: [
{ {
name: this.$t('menu.projectChild.bg'), name: this.$t('menu.projectChild.bg'),
path: '/project-intro/bg', path: '/project-intro/bg'
pathActive: ['/project-intro/bg']
}, },
{ {
name: this.$t('menu.projectChild.feature'), name: this.$t('menu.projectChild.feature'),
path: '/project-intro/charac', path: '/project-intro/charac'
pathActive: ['/project-intro/charac']
}, },
{ {
name: this.$t('menu.projectChild.cert'), name: this.$t('menu.projectChild.cert'),
path: '/project-intro/certificate', path: '/project-intro/certificate'
pathActive: ['/project-intro/certificate']
} }
] ]
} }
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论