Skip to content

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

update

上级 94b2ff73
隐藏空白字符变更
内嵌 并排
正在显示 包含 365 行增加 和 492 行删除
components/home/presence.vue
浏览文件 @ 9d69c36f
......@@ -2,7 +2,9 @@
<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>
<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">
......@@ -108,7 +110,7 @@ export default {
path: '/alumni/sharing'
}
},
listData: [],
listData: []
}
},
async fetch() {
......@@ -163,8 +165,8 @@ export default {
</script>
<style lang="scss" scoped>
.is-pc{
.card-style{
.is-pc {
.card-style {
width: 1200px;
margin: 0 auto;
}
......@@ -176,9 +178,9 @@ export default {
}
.content-mian {
padding-top: 24px;
.my-swipe{
.my-swipe {
height: 500px;
img{
img {
width: 100%;
height: 100%;
display: block;
......@@ -188,7 +190,7 @@ export default {
width: 1200px;
height: 540px;
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%;
display: flex;
justify-content: space-between;
......@@ -245,62 +247,62 @@ export default {
}
}
}
.is-h5{
.card-width{
.is-h5 {
.card-width {
width: 100%;
margin: 0;
::v-deep{
.card-hd{
::v-deep {
.card-hd {
margin: 0.2rem 0.15rem;
}
}
}
.presence-content-box{
.my-swipe{
.presence-content-box {
.my-swipe {
height: 1.58rem;
img{
img {
width: 100%;
height: 100%;
display: block;
}
}
.form-box{
background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley-h5/home-presen-bg-new1.png) center;
.form-box {
background: url(https://webapp-pub.ezijing.com/project/kelley-h5/home-presen-bg-new1.png) center;
background-size: cover;
padding-top: .18rem;
padding-top: 0.18rem;
box-sizing: border-box;
margin-top: .27rem;
padding-bottom: .05rem;
.title-box{
margin-top: 0.27rem;
padding-bottom: 0.05rem;
.title-box {
width: 3.75rem;
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);
.bt{
.bt {
text-align: center;
font-size: 0.26rem;
// font-weight: bold;
line-height: 0.31rem;
color: #FFFFFF;
color: #ffffff;
text-align: center;
padding-top: .16rem;
padding-top: 0.16rem;
}
.tips{
.tips {
font-size: 0.1rem;
line-height: 0.12rem;
color: #FFFFFF;
color: #ffffff;
text-align: center;
padding-top: .1rem;
padding-top: 0.1rem;
}
}
.form{
.form {
width: 2.7rem;
background: #FFFFFF;
margin: .2rem auto;
padding: .25rem .2rem;
background: #ffffff;
margin: 0.2rem auto;
padding: 0.25rem 0.2rem;
box-sizing: border-box;
.li{
margin-bottom: .2rem;
.li {
margin-bottom: 0.2rem;
}
::v-deep {
.el-select {
......@@ -309,11 +311,11 @@ export default {
}
}
.btn {
font-size: .12rem;
line-height: .16rem;
font-size: 0.12rem;
line-height: 0.16rem;
color: #ffffff;
background: #aa1941;
border-radius: .02rem;
border-radius: 0.02rem;
text-align: center;
cursor: pointer;
}
......
components/home/projectFeatures.vue
浏览文件 @ 9d69c36f
......@@ -4,8 +4,8 @@
<card :title="$t('home.project.title')">
<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">
<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>
......@@ -29,28 +29,28 @@ export default {
},
data: [
{
icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/home-icon1.png',
iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/home-icon-s1.png',
icon: 'https://webapp-pub.ezijing.com/project/kelley/home-icon1.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')
},
{
icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/home-icon2.png',
iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/home-icon-s2.png',
icon: 'https://webapp-pub.ezijing.com/project/kelley/home-icon2.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')
},
{
icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/home-icon3.png',
iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/home-icon-s3.png',
icon: 'https://webapp-pub.ezijing.com/project/kelley/home-icon3.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')
},
{
icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/home-icon4.png',
iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/home-icon-s4.png',
icon: 'https://webapp-pub.ezijing.com/project/kelley/home-icon4.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')
},
{
icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/home-icon5.png',
iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/home-icon-s5.png',
icon: 'https://webapp-pub.ezijing.com/project/kelley/home-icon5.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')
}
]
......@@ -77,46 +77,46 @@ export default {
</script>
<style lang="scss" scoped>
.is-pc{
.service-content{
.is-pc {
.service-content {
padding-top: 68px;
.nav-content{
.nav-content {
display: flex;
justify-content: space-between;
padding-top: 15px;
li{
li {
width: 224px;
height: 230px;
padding-top: 53px;
box-sizing: border-box;
background: #F9F8F8;
background: #f9f8f8;
// background: #fff;
// box-shadow: 0px 4px 38px rgba(142, 30, 34, 0.41);
cursor: pointer;
transition: all .3s;
img{
transition: all 0.3s;
img {
width: 80px;
height: 80px;
display: block;
margin: 0 auto;
}
.icon-active{
.icon-active {
display: none;
}
&:hover{
background: #AA1941;
&:hover {
background: #aa1941;
box-shadow: 0px 4px 20px rgba(142, 30, 34, 0.41);
.text{
.text {
color: #fff;
}
.icon{
.icon {
display: none;
}
.icon-active{
.icon-active {
display: block;
}
}
.text{
.text {
font-size: 14px;
line-height: 18px;
color: #666666;
......@@ -126,36 +126,36 @@ export default {
}
}
}
.max-width-center{
.max-width-center {
width: 1212px;
margin: 0 auto;
}
}
.is-h5{
.service-content{
ul{
.is-h5 {
.service-content {
ul {
display: flex;
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
}
li{
min-width: .78rem;
background: #FFFFFF;
margin-right: .10rem;
padding-top: .11rem;
img{
width: .4rem;
height: .4rem;
li {
min-width: 0.78rem;
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: .1rem;
line-height: .16rem;
.text {
font-size: 0.1rem;
line-height: 0.16rem;
color: #666666;
padding-top: .05rem;
padding-top: 0.05rem;
text-align: center;
padding-bottom: .1rem;
padding-bottom: 0.1rem;
}
}
}
......
components/home/schoolRanking.vue
浏览文件 @ 9d69c36f
......@@ -25,7 +25,7 @@
<div class="p" v-html="$t('home.ranking.item2Txt1')"></div>
</div>
<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>
</div>
......@@ -55,70 +55,70 @@ export default {
}
</script>
<style lang="scss" scoped>
.is-pc{
.ranking-content-box{
.is-pc {
.ranking-content-box {
margin-top: 57px;
width: 100%;
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;
.title{
.title {
width: 996px;
display: flex;
margin: 0 auto;
justify-content: space-between;
align-items: center;
padding: 108px 0 100px;
.line{
.line {
width: 369px;
height: 1px;
background: #FFFFFF;
background: #ffffff;
}
.name{
.name {
font-size: 36px;
font-weight: bold;
line-height: 100%;
color: #FFFFFF;
color: #ffffff;
}
}
.content-mian{
.content-mian {
width: 1000px;
margin: 0 auto;
display: flex;
justify-content: space-between;
.li{
.li {
width: 250px;
&.mar-t{
&.mar-t {
transform: translateY(-35px);
.li-tit{
.li-tit {
line-height: 34px;
transform: translateY(20px);
}
}
.li-tit{
.li-tit {
text-align: center;
font-size: 30px;
line-height: 100%;
color: #fff;
}
.item{
.tit{
.item {
.tit {
padding-top: 46px;
font-size: 48px;
line-height: 100%;
color: #FFFFFF;
color: #ffffff;
text-align: center;
margin-bottom: 15px;
line-height: 100%;
span{
span {
font-size: 24px;
}
}
.p{
.p {
text-align: center;
font-size: 16px;
line-height: 30px;
color: #FFFFFF;
color: #ffffff;
// margin-bottom: 11px;
}
}
......@@ -126,71 +126,71 @@ export default {
}
}
}
.is-h5{
.ranking-content-box{
margin-top: .2rem;
.is-h5 {
.ranking-content-box {
margin-top: 0.2rem;
width: 100%;
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;
padding: 0 .1rem;
padding: 0 0.1rem;
box-sizing: border-box;
.title{
.title {
width: 3.41rem;
display: flex;
margin: 0 auto;
justify-content: space-between;
align-items: center;
padding: .27rem 0 .26rem;
.line{
padding: 0.27rem 0 0.26rem;
.line {
width: 1rem;
height: .01rem;
background: #FFFFFF;
height: 0.01rem;
background: #ffffff;
}
.name{
.name {
font-size: 0.17rem;
font-weight: bold;
line-height: 0.33rem;
color: #FFFFFF;
color: #ffffff;
}
}
.content-mian{
.content-mian {
// width: 1000px;
// margin: 0 auto;
display: flex;
justify-content: space-between;
.li{
.li {
width: 1.05rem;
&.mar-t{
transform: translateY(-.15rem);
.li-tit{
&.mar-t {
transform: translateY(-0.15rem);
.li-tit {
line-height: 0.15rem;
transform: translateY(.1rem);
transform: translateY(0.1rem);
}
}
.li-tit{
.li-tit {
text-align: center;
font-size: 0.13rem;
line-height: 100%;
color: #fff;
}
.item{
.tit{
padding-top: .15rem;
.item {
.tit {
padding-top: 0.15rem;
font-size: 0.24rem;
color: #FFFFFF;
color: #ffffff;
text-align: center;
margin-bottom: .03rem;
margin-bottom: 0.03rem;
line-height: 100%;
span{
font-size: .12rem;
span {
font-size: 0.12rem;
}
}
.p{
.p {
font-size: 0.1rem;
line-height: 0.16rem;
margin-bottom: .05rem;
color: #FFFFFF;
margin-bottom: 0.05rem;
color: #ffffff;
text-align: center;
}
}
......
pages/about/course.vue
浏览文件 @ 9d69c36f
<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="border-box">
<template v-for="(item, index) in courseData">
......@@ -18,8 +18,8 @@
</template>
</div>
</div>
</app-frame>
</div>
</div>
</app-frame>
</template>
<script>
import appFrame from '@/components/appFrame'
......@@ -30,147 +30,70 @@ export default {
},
data() {
return {
pageOptions,
courseData: [
{
title: this.$t('setCourse.tit1'),
item: [
{
name: this.$t('setCourse.t1'),
score: 0
},
{
name: this.$t('setCourse.t2'),
score: 0
},
{
name: this.$t('setCourse.t3'),
score: 0
}
{ name: this.$t('setCourse.t1'), score: 0 },
{ name: this.$t('setCourse.t2'), score: 0 },
{ name: this.$t('setCourse.t3'), score: 0 }
]
},
{
title: this.$t('setCourse.tit2'),
item: [
{
name: this.$t('setCourse.t4'),
score: 3
},
{
name: this.$t('setCourse.t5'),
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.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
}
{ name: this.$t('setCourse.t4'), score: 3 },
{ name: this.$t('setCourse.t5'), 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.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'),
item: [
{
name: this.$t('setCourse.t16'),
score: 0
},
{
name: this.$t('setCourse.t17'),
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
}
{ name: this.$t('setCourse.t16'), score: 0 },
{ name: this.$t('setCourse.t17'), 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'),
item: [
{
name: this.$t('setCourse.t23'),
score: 1.5
},
{
name: this.$t('setCourse.t24'),
score: 0
},
{
name: this.$t('setCourse.t25'),
score: 0
}
{ name: this.$t('setCourse.t23'), score: 1.5 },
{ name: this.$t('setCourse.t24'), score: 0 },
{ name: this.$t('setCourse.t25'), score: 0 }
]
}
],
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: [
{
name: this.$t('menu.courseChild.set'),
path: '/about/course',
pathActive: ['/about/course']
path: '/about/course'
},
{
name: this.$t('menu.courseChild.teachers'),
path: '/about/teacher',
pathActive: ['/about/teacher']
path: '/about/teacher'
}
]
}
}
},
mounted() {
}
mounted() {}
}
</script>
<style lang="scss" scoped>
......
pages/about/teacher.vue
浏览文件 @ 9d69c36f
<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="teacher-box">
<div class="mar-t-box" v-for="(item, index) in teacherList" :key="index">
......@@ -17,8 +17,8 @@
</div>
</div>
</div>
</app-frame>
</div>
</div>
</app-frame>
</template>
<script>
import appFrame from '@/components/appFrame'
......@@ -34,32 +34,32 @@ export default {
title: this.$t('teachers.tit1'),
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'),
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'),
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'),
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'),
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'),
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'),
intr: this.$t('teachers.tea6Txt')
}
......@@ -69,32 +69,32 @@ export default {
title: this.$t('teachers.tit2'),
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'),
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'),
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'),
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'),
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'),
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'),
intr: this.$t('teachers.tea12Txt')
}
......@@ -102,24 +102,21 @@ export default {
}
],
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: [
{
name: this.$t('menu.courseChild.set'),
path: '/about/course',
pathActive: ['/about/course']
path: '/about/course'
},
{
name: this.$t('menu.courseChild.teachers'),
path: '/about/teacher',
pathActive: ['/about/teacher']
path: '/about/teacher'
}
]
}
}
},
mounted() {
}
mounted() {}
}
</script>
<style lang="scss" scoped>
......
pages/alumni/outstanding.vue
浏览文件 @ 9d69c36f
<template>
<div class="outstanding">
<app-frame :data="frameParams">
<app-frame :data="frameParams">
<div class="outstanding">
<div class="alumni">
<h5>{{ $t('outstanding.title1') }}</h5>
<ul class="card-list">
......@@ -28,8 +28,8 @@
</li>
</ul>
</div>
</app-frame>
</div>
</div>
</app-frame>
</template>
<script>
import appFrame from '@/components/appFrame'
......@@ -42,108 +42,106 @@ export default {
return {
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",
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',
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',
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',
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',
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',
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',
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",
post: ['美国 Whirlpool', '亚洲副总裁']
}
],
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: '张彧',
education: ['Xavier University', '工商管理硕士'],
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: '赵旭娜',
education: ['约翰霍普金斯大学', '博士后'],
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: '刘育弘',
education: ['中山大学', '高级工商管理硕士'],
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: '刘丹',
education: ['香港大学李嘉诚医学院', '医学影像学博士'],
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: '刘志诚',
education: ['香港理工大学', '软件科技及工商管理双硕士'],
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: '孙红平',
education: ['广东外语外贸大学', '翻译硕士'],
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: '侍文',
education: ['The University of Manchester', '工商管理硕士'],
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: '虞东',
education: ['北京大学光华管理学院', '高级工商管理硕士'],
post: ['西安纸贵互联网科技有限公司', '董事合伙人首席风控官']
}
],
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: [
{
name: this.$t('menu.alumniChild.outstanding'),
path: '/alumni/outstanding',
pathActive: ['/alumni/outstanding']
path: '/alumni/outstanding'
},
{
name: this.$t('menu.alumniChild.share'),
path: '/alumni/sharing',
pathActive: ['/alumni/sharing']
path: '/alumni/sharing'
}
]
}
......
pages/alumni/sharing/_id.vue
浏览文件 @ 9d69c36f
<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="back-btn" @click="$router.go(-1)">
<div class="el-icon-arrow-left"></div>
......@@ -11,8 +11,8 @@
<div class="article-content" v-html="data.content"></div>
<recommend />
</div>
</app-frame>
</div>
</div>
</app-frame>
</template>
<script>
import appFrame from '@/components/appFrame'
......@@ -28,14 +28,12 @@ export default {
frameParams: {
slider: [
{
name: '杰出校友',
path: '/alumni/outstanding',
pathActive: ['/alumni/outstanding']
name: this.$t('menu.alumniChild.outstanding'),
path: '/alumni/outstanding'
},
{
name: '校友分享',
path: '/alumni/sharing',
pathActive: ['/alumni/sharing']
name: this.$t('menu.alumniChild.share'),
path: '/alumni/sharing'
}
]
},
......
pages/alumni/sharing/index.vue
浏览文件 @ 9d69c36f
......@@ -13,17 +13,15 @@ export default {
data() {
return {
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: [
{
name: this.$t('menu.alumniChild.outstanding'),
path: '/alumni/outstanding',
pathActive: ['/alumni/outstanding']
},
{
name: this.$t('menu.alumniChild.share'),
path: '/alumni/sharing',
pathActive: ['/alumni/sharing']
}
]
}
......
pages/apply/problem.vue
浏览文件 @ 9d69c36f
<template>
<div class="problem-content-box">
<app-frame :data="frameParams">
<app-frame :data="frameParams">
<div class="problem-content-box">
<div class="content-box">
<template v-for="(item, index) in problemList">
<div class="problem-item-box" :key="index">
......@@ -16,8 +16,8 @@
</div>
</template>
</div>
</app-frame>
</div>
</div>
</app-frame>
</template>
<script>
import appFrame from '@/components/appFrame'
......@@ -70,22 +70,19 @@ export default {
}
],
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: [
{
name: this.$t('menu.recruitChild.apply'),
path: '/apply/relevant',
pathActive: ['/apply/relevant']
path: '/apply/relevant'
},
{
name: this.$t('menu.recruitChild.cost'),
path: '/apply/support',
pathActive: ['/apply/support']
path: '/apply/support'
},
{
name: this.$t('menu.recruitChild.problem'),
path: '/apply/problem',
pathActive: ['/apply/problem']
path: '/apply/problem'
}
]
}
......
pages/apply/relevant.vue
浏览文件 @ 9d69c36f
<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="text-content">
<div class="title">{{ $t('apply.con1Tit') }}</div>
......@@ -8,10 +8,10 @@
<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.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>
</app-frame>
</div>
</div>
</app-frame>
</template>
<script>
import appFrame from '@/components/appFrame'
......@@ -24,22 +24,19 @@ export default {
return {
newsList: [],
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: [
{
name: this.$t('menu.recruitChild.apply'),
path: '/apply/relevant',
pathActive: ['/apply/relevant']
path: '/apply/relevant'
},
{
name: this.$t('menu.recruitChild.cost'),
path: '/apply/support',
pathActive: ['/apply/support']
path: '/apply/support'
},
{
name: this.$t('menu.recruitChild.problem'),
path: '/apply/problem',
pathActive: ['/apply/problem']
path: '/apply/problem'
}
]
}
......
pages/apply/support.vue
浏览文件 @ 9d69c36f
<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="text-content">
<div class="title">{{ $t('cost.con1Tit') }}</div>
......@@ -9,8 +9,8 @@
<div class="con-txt" v-html="$t('cost.con2Txt')"></div>
</div>
</div>
</app-frame>
</div>
</div>
</app-frame>
</template>
<script>
import appFrame from '@/components/appFrame'
......@@ -23,22 +23,19 @@ export default {
return {
newsList: [],
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: [
{
name: this.$t('menu.recruitChild.apply'),
path: '/apply/relevant',
pathActive: ['/apply/relevant']
path: '/apply/relevant'
},
{
name: this.$t('menu.recruitChild.cost'),
path: '/apply/support',
pathActive: ['/apply/support']
path: '/apply/support'
},
{
name: this.$t('menu.recruitChild.problem'),
path: '/apply/problem',
pathActive: ['/apply/problem']
path: '/apply/problem'
}
]
}
......
pages/news/hot/_id.vue
浏览文件 @ 9d69c36f
<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="back-btn" @click="$router.go(-1)">
<div class="el-icon-arrow-left"></div>
......@@ -11,8 +11,8 @@
<div class="article-content" v-html="data.content"></div>
<recommend />
</div>
</app-frame>
</div>
</div>
</app-frame>
</template>
<script>
import appFrame from '@/components/appFrame'
......@@ -28,14 +28,12 @@ export default {
frameParams: {
slider: [
{
name: '热点新闻',
path: '/news/hot',
pathActive: ['/news/hot', '/news/hot-detail']
name: this.$t('menu.newsChild.hot'),
path: '/news/hot'
},
{
name: '教授采访',
path: '/news/interview',
pathActive: ['/news/interview', '/news/interview-detail']
name: this.$t('menu.newsChild.interview'),
path: '/news/interview'
}
]
},
......@@ -59,7 +57,6 @@ export default {
</script>
<style lang="scss" scoped>
.detail-content-box {
// width: 1000px;
// background: #fff;
// box-sizing: border-box;
// margin-bottom: 100px;
......
pages/news/hot/index.vue
浏览文件 @ 9d69c36f
......@@ -13,17 +13,15 @@ export default {
data() {
return {
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: [
{
name: this.$t('menu.newsChild.hot'),
path: '/news/hot',
pathActive: ['/news/hot', '/news/hot-detail']
path: '/news/hot'
},
{
name: this.$t('menu.newsChild.interview'),
path: '/news/interview',
pathActive: ['/news/interview', '/news/interview-detail']
path: '/news/interview'
}
]
}
......
pages/news/interview/_id.vue
浏览文件 @ 9d69c36f
......@@ -29,14 +29,12 @@ export default {
frameParams: {
slider: [
{
name: '热点新闻',
path: '/news/hot',
pathActive: ['/news/hot', '/news/hot-detail']
name: this.$t('menu.newsChild.hot'),
path: '/news/hot'
},
{
name: '教授采访',
path: '/news/interview',
pathActive: ['/news/interview', '/news/interview-detail']
name: this.$t('menu.newsChild.interview'),
path: '/news/interview'
}
]
},
......
pages/news/interview/index.vue
浏览文件 @ 9d69c36f
......@@ -13,17 +13,15 @@ export default {
data() {
return {
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: [
{
name: this.$t('menu.newsChild.hot'),
path: '/news/hot',
pathActive: ['/news/hot']
path: '/news/hot'
},
{
name: this.$t('menu.newsChild.interview'),
path: '/news/interview',
pathActive: ['/news/interview']
path: '/news/interview'
}
]
}
......
pages/project-intro/bg.vue
浏览文件 @ 9d69c36f
<template>
<div class="project-bg">
<app-frame :data="frameParams">
<div class="project-bg-main">
<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.oss-cn-beijing.aliyuncs.com/project/kelley/project-intro-bg-zjjy.png" alt="" />
</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>
<app-frame :data="frameParams">
<div class="project-bg-main">
<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 class="kelley" v-if="tabActive === 'kelley'">
<div class="sub-banner">
<img
src="https://webapp-pub.oss-cn-beijing.aliyuncs.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 class="kelley" v-if="tabActive === 'kelley'">
<div class="sub-banner">
<img src="https://webapp-pub.ezijing.com/project/kelley/project-intro-bg-kelley.png" />
</div>
<div class="lhbx" v-if="tabActive === 'lhbx'">
<div class="sub-banner">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/project-intro-bg-lhbx.png" alt="" />
</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 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 class="lhbx" v-if="tabActive === 'lhbx'">
<div class="sub-banner">
<img src="https://webapp-pub.ezijing.com/project/kelley/project-intro-bg-lhbx.png" />
</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>
</app-frame>
</div>
</div>
</app-frame>
</template>
<script>
export default {
......@@ -102,22 +93,19 @@ export default {
{ num: 500, unit: this.$t('bg.unit3'), text: this.$t('bg.con1ItemT8') }
],
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: [
{
name: this.$t('menu.projectChild.bg'),
path: '/project-intro/bg',
pathActive: ['/project-intro/bg']
path: '/project-intro/bg'
},
{
name: this.$t('menu.projectChild.feature'),
path: '/project-intro/charac',
pathActive: ['/project-intro/charac']
path: '/project-intro/charac'
},
{
name: this.$t('menu.projectChild.cert'),
path: '/project-intro/certificate',
pathActive: ['/project-intro/certificate']
path: '/project-intro/certificate'
}
]
}
......
pages/project-intro/certificate.vue
浏览文件 @ 9d69c36f
<template>
<div class="certificate">
<app-frame :data="frameParams">
<div class="certificate-main">
<div class="checkbox">
<p><i></i>{{ $t('cert.txt1') }}</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>
<app-frame :data="frameParams">
<div class="certificate">
<div class="checkbox">
<p><i></i>{{ $t('cert.txt1') }}</p>
<p><i></i>{{ $t('cert.txt2') }}</p>
</div>
</app-frame>
</div>
<p class="text">{{ $t('cert.txt3') }}</p>
<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>
<script>
export default {
......@@ -23,22 +18,19 @@ export default {
data() {
return {
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: [
{
name: this.$t('menu.projectChild.bg'),
path: '/project-intro/bg',
pathActive: ['/project-intro/bg']
path: '/project-intro/bg'
},
{
name: this.$t('menu.projectChild.feature'),
path: '/project-intro/charac',
pathActive: ['/project-intro/charac']
path: '/project-intro/charac'
},
{
name: this.$t('menu.projectChild.cert'),
path: '/project-intro/certificate',
pathActive: ['/project-intro/certificate']
path: '/project-intro/certificate'
}
]
}
......@@ -47,7 +39,7 @@ export default {
}
</script>
<style lang="scss" scoped>
.certificate-main {
.certificate {
padding: 40px;
text-align: center;
.checkbox {
......@@ -66,7 +58,7 @@ export default {
display: inline-block;
width: 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;
margin-right: 10px;
vertical-align: middle;
......
pages/project-intro/charac.vue
浏览文件 @ 9d69c36f
<template>
<div class="charac">
<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>
<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>
</template>
<script>
export default {
......@@ -22,38 +20,35 @@ export default {
return {
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'),
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'),
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'),
texts: [this.$t('feature.item3Txt1'), this.$t('feature.item3Txt2'), this.$t('feature.item3Txt3')]
}
],
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: [
{
name: this.$t('menu.projectChild.bg'),
path: '/project-intro/bg',
pathActive: ['/project-intro/bg']
path: '/project-intro/bg'
},
{
name: this.$t('menu.projectChild.feature'),
path: '/project-intro/charac',
pathActive: ['/project-intro/charac']
path: '/project-intro/charac'
},
{
name: this.$t('menu.projectChild.cert'),
path: '/project-intro/certificate',
pathActive: ['/project-intro/certificate']
path: '/project-intro/certificate'
}
]
}
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论