Skip to content

P
project-online-pc
提交 4ec07228 authored 作者: lihuihui's avatar lihuihui
浏览文件
操作

添加课程与师资，最新动态

上级 53e7be07
隐藏空白字符变更
内嵌 并排
正在显示 包含 1546 行增加 和 1124 行删除
components/Head.vue
浏览文件 @ 4ec07228
......@@ -88,12 +88,12 @@
{
name: '课程设置',
isShow: false,
path: '/about/introduce',
path: '/about/course',
},
{
name: '师资力量',
isShow: false,
path: '/about/introduce'
path: '/about/teacher'
}
]
},
......@@ -102,11 +102,13 @@
childern: [
{
name: '热点新闻',
isShow: false
isShow: false,
path: '/news/hot'
},
{
name: '教授采访',
isShow: false
isShow: false,
path: '/news/interview'
}
]
},
......
components/appFrame.vue
浏览文件 @ 4ec07228
......@@ -13,7 +13,7 @@
</li>
</ul>
<div class="right-content">
<img src="https://zws-imgs-pub.ezijing.com/static/public/e9de7416bef8822d5557afdfcda69f8a.png" alt="" class="banner">
<img v-if="data.banner" :src="data.banner" alt="" class="banner">
<div class="content-mian">
<slot></slot>
</div>
......
components/home/alumniStories.vue deleted 100644 → 0
浏览文件 @ 53e7be07
<template>
<div class="alumni-content">
<div :class="isScale ? 'title-content max-width scale' : 'title-content max-width'">
<div class="left-title">
<div class="line"></div>
<div class="text">校友故事</div>
</div>
</div>
<div :class="isScale ? 'small-tit max-width scale' : 'small-tit max-width'">You are What you together，结识5000+ 同样优秀的人！</div>
<div class="swiper-content" @mouseenter="swiperStop" @mouseleave="swiperStart">
<div v-swiper:mySwiper="swiperOption" ref="mySwiper">
<div class="swiper-wrapper">
<div class="swiper-slide" v-for="(item, index) in listData" :key="index" @click="goPage(item)">
<img :src="item.photo_uri">
<div class="text">{{ item.title }}</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
data () {
const _this = this
return {
isScale: false,
listData: [],
// 轮播图配置信息, 更多请参考 swiper.js 中文网，上面很详细。
swiperOption: {
observer: true,
observeParents: true,
speed: 400,
autoplay: true,
delay: 3000,
loop: true,
slidesPerView: 4,
centeredSlides: true,
spaceBetween: 20,
on: {
init() {
_this.swiper.slideNext()
}
}
}
}
},
async fetch() {
const params = {
page: 1,
per_page: 100,
type: 71,
project_id: 1013
}
this.listData = await this.$axios.$get('/api/zws/v1/cms/news', { params }).then(res => {
return res
})
},
computed: {
swiper() {
return this.$refs.mySwiper.swiper;
}
},
created() {
},
mounted() {
if (document.documentElement.clientWidth < 1400) {
// this.isScale = true
}
},
methods: {
swiperStop() {
this.swiper.autoplay.stop()
},
swiperStart() {
this.swiper.autoplay.start()
},
goPage(item) {
if (item.source === '') {
this.$router.push({
path: '/about/news-detail',
query: {
id: item.id
}
})
} else {
window.open(item.source)
}
}
}
}
</script>
<style lang="scss" scoped>
.max-width{
width: 1200px;
margin: 0 auto;
}
.alumni-content{
padding-top: 89px;
.title-content{
display: flex;
.left-title{
display: flex;
.line{
width: 6px;
height: 34px;
background: #AA1941;
}
.text{
font-size: 34px;
font-weight: bold;
line-height: 34px;
color: #424242;
margin-left: 9px;
}
}
}
.small-tit{
font-size: 24px;
font-weight: bold;
line-height: 34px;
color: #424242;
margin-top: 12px;
}
.swiper-content{
padding-top: 37px;
// width: 100%;
.swiper-slide{
position: relative;
width: 388px;
.text{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 40px;
line-height: 40px;
background: rgba(0,0,0,0.5);
padding: 0 20px;
box-sizing: border-box;
font-size: 20px;
color: #FEFEFE;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
img{
width: 100%;
}
}
}
}
.scale{
transform: scale(0.85);
}
</style>
components/home/banner.vue
浏览文件 @ 4ec07228
......@@ -15,6 +15,7 @@
<script>
const _this = this
export default {
name: 'banner',
data () {
return {
listData: [],
......
components/home/commonProblem.vue 0 → 100644
浏览文件 @ 4ec07228
<template>
<div class="common-content-box">
<m-title :data="titleParams" class="m-title"/>
<div class="content-mian">
<div class="list-box">
<ul>
<li>
<div class="icon"></div>
<div class="text">Kelley商学院毕业生颁发的学位证书与在美国颁发的证书有何不同？</div>
</li>
<li>
<div class="icon"></div>
<div class="text">Kelley商学院毕业生颁发的学位证书与在美国颁发的证书有何不同？</div>
</li>
<li>
<div class="icon"></div>
<div class="text">Kelley商学院毕业生颁发的学位证书与在美国颁发的证书有何不同？</div>
</li>
</ul>
<ul>
<li>
<div class="icon"></div>
<div class="text">Kelley商学院毕业生颁发的学位证书与在美国颁发的证书有何不同？</div>
</li>
<li>
<div class="icon"></div>
<div class="text">Kelley商学院毕业生颁发的学位证书与在美国颁发的证书有何不同？</div>
</li>
<li>
<div class="icon"></div>
<div class="text">Kelley商学院毕业生颁发的学位证书与在美国颁发的证书有何不同？</div>
</li>
</ul>
</div>
<div class="msg-box">
<el-input
type="textarea"
placeholder="请输入内容"
v-model="textarea">
</el-input>
<div class="btn">在线留言</div>
</div>
</div>
</div>
</template>
<script>
import mTitle from '../../components/home/moduleTitle'
export default {
name: 'commonProblem',
components: {
mTitle
},
data () {
return {
titleParams: {
name: '常见问题',
more: {
path: '/',
query: {
id: 1
}
}
},
textarea: ''
}
}
}
</script>
<style lang="scss" scoped>
.common-content-box{
width: 1200px;
margin: 0 auto;
padding-top: 77px;
.content-mian{
padding-top: 50px;
.msg-box{
padding-top: 40px;
box-sizing: border-box;
height: 56px;
display: flex;
align-items: center;
justify-content: space-between;
::v-deep{
.el-textarea__inner{
background: none;
resize:none;
}
}
.btn{
width: 136px;
height: 36px;
background: #AA1941;
opacity: 1;
border-radius: 4px;
font-size: 18px;
line-height: 36px;
text-align: center;
color: #FFFFFF;
margin-left: 57px;
cursor: pointer;
}
}
.list-box{
display: flex;
justify-content: space-between;
ul{
&:nth-child(2){
margin-left: 8px;
}
li{
display: flex;
align-items: center;
width: 600px;
height: 25px;
margin-bottom: 10px;
cursor: pointer;
&:nth-child(even){
.text{
background: none;
}
}
.icon{
width: 7px;
height: 7px;
background: #AA1941;
border-radius: 50%;
}
.text{
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
font-size: 14px;
line-height: 25px;
color: #666666;
padding-left: 4px;
width: 570px;
background: rgba(153, 153, 153, .2);
margin-left: 15px;
}
}
}
}
}
}
</style>
\ No newline at end of file
components/home/degreeEducation.vue deleted 100644 → 0
浏览文件 @ 53e7be07
<template>
<div class="degree-content max-width-center">
<div class="title">学位教育</div>
<div class="nav-content">
<ul class="tab-left">
<li
@mouseover="changeIndex(index)"
:class="indexActive === index && 'active'"
v-for="(item, index) in data"
:key="index"
>{{ item.name }}
</li>
</ul>
<template v-for="(item, index) in data">
<ul class="tab-right" :key="index" v-if="indexActive === index">
<li :key="cIndex + 'c'" v-for="(cItem, cIndex) in item.content" @click="goPage(cItem.path)">
<img :src="cItem.icon" alt="" class="icon">
<img :src="cItem.iconActive" alt="" class="icon2">
<div class="text" v-html="cItem.text"></div>
</li>
</ul>
</template>
</div>
</div>
</template>
<script>
export default {
data() {
return {
indexActive: 0,
data: [
{
name: '本科',
content: [
{
icon: 'https://zws-imgs-pub.ezijing.com/static/public/e624ed7af7b49a9e04e7ac2ec95db7e1.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/8b32a69e26a4d20eaddc8bb3d6f4ccc5.png',
text: '海外留学<br />SHMS',
path: ''
}
]
},
{
name: '硕士',
content: [
{
icon: 'https://zws-imgs-pub.ezijing.com/static/public/69fc809f95bd7985e13827a6dcd4dcd1.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/ac6cde3fb04de4c3478d02e7572fe9c9.png',
text: '金融硕士<br />MSF',
path: 'https://kelley.ezijing.com'
},
{
icon: 'https://zws-imgs-pub.ezijing.com/static/public/ac66fee3cad3cca2b4b38ef3cceed9dc.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/8fe0f6c8995847dee420e70a21da4d3f.png',
text: '教育学硕士MED<br />（早教-蒙台梭利）',
path: 'https://cu.ezijing.com'
},
{
icon: 'https://zws-imgs-pub.ezijing.com/static/public/aa2c06a74a470cbee1443e66bb6bc981.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/db8ca58d8032f32a77a7a9deea9b417b.png',
text: '应用心理学<br />硕士MAP',
path: 'https://ciis.ezijing.com'
},
{
icon: 'https://zws-imgs-pub.ezijing.com/static/public/70748b8e679e7b3f40310635d9f3bae7.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/49f4eb2509433e42555754f74a4dcae2.png',
text: '未来金融<br />领袖计划',
path: 'https://cfflp.ezijing.com'
}
]
},
{
name: 'MBA',
content: [
{
icon: 'https://zws-imgs-pub.ezijing.com/static/public/17ef11bc534aadf1d8e3b94fd6d4350f.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/0d2ea39ee5d40200a6f513db2e9b88de.png',
text: '通用MBA',
path: ''
},
{
icon: 'https://zws-imgs-pub.ezijing.com/static/public/a23695e5428a3d5e0a2f47f7d36ebb14.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/a2c4b8a1f799b35f04ed618f7b47b9c1.png',
text: '金融MBA',
path: 'https://sofia.ezijing.com'
},
{
icon: 'https://zws-imgs-pub.ezijing.com/static/public/709ab2dd245369c16631a8d9ebe67006.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/29917e1f3d47ca9381b5e0c397e1f082.png',
text: '酒店与旅游工商<br/>管理MBA',
path: 'https://shms.ezijing.com'
}
]
},
{
name: '博士',
content: [
{
icon: 'https://zws-imgs-pub.ezijing.com/static/public/841ff657ca26c0f26da3e24d799ae2a5.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/5785a4d37264a8293b956a3f065f11cf.png',
text: '心理学博士<br/>（即将推出）',
path: ''
},
{
icon: 'https://zws-imgs-pub.ezijing.com/static/public/aebf1f65a324cff54eb9466bf2fd0b66.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/526bebd1d9279c19895c5c4f1a3cfcce.png',
text: '工商管理学博士<br/>（即将推出）',
path: ''
}
]
}
]
}
},
methods: {
changeIndex(n) {
this.indexActive = n
},
goPage(path) {
if (path === '') {
this.$message('暂未开通，尽请期待。')
return
}
window.open(path)
}
}
}
</script>
<style lang="scss" scoped>
.degree-content{
padding-top: 71px;
.title{
font-size: 24px;
font-weight: bold;
line-height: 34px;
color: #424242;
margin-bottom: 20px;
}
.nav-content{
display: flex;
.tab-left{
li{
width: 156px;
height: 42px;
background: #fff;
text-align: center;
line-height: 42px;
color: rgba(102, 102, 102, 1);
font-size: 18px;
font-weight: 500;
margin-bottom: 6px;
cursor: pointer;
&.active{
background: #AA1941;
color: #fff;
}
}
}
.tab-right{
display: flex;
// margin-left: 18px;
li{
width: 156px;
height: 186px;
margin-left: 18px;
background: #fff;
padding-top: 36px;
box-sizing: border-box;
transition: all .5s;
cursor: pointer;
img{
display: block;
width: 64px;
height: 64px;
margin: 0 auto;
}
.icon2{
display: none;
}
&:hover{
background: rgba(170, 25, 65, 1);
.icon{
display: none;
}
.icon2{
display: block;
}
.text{
color: #fff;
}
}
.text{
font-size: 14px;
line-height: 18px;
color: #666666;
text-align: center;
margin-top: 20px;
}
}
}
}
}
.max-width-center{
width: 1212px;
margin: 0 auto;
}
</style>
components/home/headmasterMsg.vue deleted 100644 → 0
浏览文件 @ 53e7be07
<template>
<div class="msg-content">
<div class="title-content">
<div class="left-title">
<div class="line"></div>
<div class="text">校长寄语</div>
</div>
<div class="right-text" @click="$router.push({ path: '/about/news', query: { type: 70 } })">
查看更多+
</div>
</div>
<div class="swiper-content" @mouseenter="swiperStop" @mouseleave="swiperStart">
<div v-swiper:mySwiper="swiperOption" ref="mySwiper">
<div class="swiper-wrapper">
<div class="swiper-slide" v-for="(item, index) in listData" :key="index" @click="goPage(item)">
<img :src="item.photo_uri">
</div>
</div>
<div class="swiper-pagination swiper-pagination-bullets"></div>
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
listData: [],
swiperOption: {
speed: 400,
autoplay: true,
delay: 3000,
loop: true,
pagination: {
el: '.swiper-pagination',
clickable: true
},
direction: 'vertical',
height: 500,
autoHeight: true
}
}
},
async fetch() {
const params = {
page: 1,
per_page: 100,
type: 70,
project_id: 1013
}
this.listData = await this.$axios.$get('/api/zws/v1/cms/news', { params }).then(res => {
console.log(params)
return res
})
},
computed: {
swiper() {
return this.$refs.mySwiper.swiper;
}
},
mounted() {
},
methods: {
swiperStop() {
this.swiper.autoplay.stop()
},
swiperStart() {
this.swiper.autoplay.start()
},
goPage(item) {
console.log(1123)
if (item.source === '') {
this.$router.push({
path: '/about/news-detail',
query: {
id: item.id
}
})
} else {
window.open(item.source)
}
}
}
}
</script>
<style lang="scss" scoped>
.msg-content{
padding-top: 90px;
width: 1200px;
margin: 0 auto;
.title-content{
display: flex;
.left-title{
display: flex;
.line{
width: 6px;
height: 34px;
background: #AA1941;
}
.text{
font-size: 34px;
font-weight: bold;
line-height: 34px;
color: #424242;
margin-left: 9px;
}
}
.right-text{
margin-left: auto;
margin-top: 18px;
font-size: 16px;
font-weight: 300;
line-height: 34px;
color: #9B9B9B;
cursor: pointer;
}
}
.swiper-content{
height: 500px;
margin-top: 15px;
// overflow: hidden;
img{
width: 100%;
height: 100%;
display: block;
}
::v-deep{
.swiper-pagination-bullets{
right: 34px !important;
}
.swiper-pagination-bullet{
width: 6px;
height: 6px;
border-radius: 100%;
border: 1px solid #fff;
box-sizing: border-box;
background: none;
opacity: 1;
margin: 10px 0;
}
.swiper-pagination-bullet-active{
width: 6px;
height: 31px;
border-radius: 25px;
background: #fff;
}
}
}
}
</style>
\ No newline at end of file
components/home/moduleTitle.vue
浏览文件 @ 4ec07228
......@@ -11,6 +11,7 @@
</template>
<script>
export default {
name: 'mTitle',
props: {
data: {
type: Object
......
components/home/news.vue
浏览文件 @ 4ec07228
......@@ -32,6 +32,7 @@
<script>
import mTitle from '../../components/home/moduleTitle'
export default {
name: 'news',
components: {
mTitle
},
......
components/home/openClass.vue
浏览文件 @ 4ec07228
<template>
<div class="class-content">
<div class="title-content">
<div class="left-title">
<div class="line"></div>
<div class="text">公开课</div>
</div>
<div class="right-text" @click="$router.push({ path: '/about/news', query: { type: 72 } })">
查看更多+
</div>
</div>
<div class="content-box">
<img src="https://zws-imgs-pub.ezijing.com/static/public/c04caada9ed0f473c786e21eff83c4b9.png" alt="" class="banner">
<ul>
<li v-for="(item, index) in listData" :key="index" @click="goPage(item)">
<div class="title">{{ item.title }}</div>
<div class="con-txt">{{ item.summary }}</div>
<div class="info-box">
<div class="time">{{ item.updated_time.slice(0, item.updated_time.indexOf(' ')) }}</div>
<div class="look-num">
<div class="icon"></div>
<div class="num">36023</div>
</div>
<div class="btn">免费学习</div>
<div class="alumni-content max-width">
<m-title :data="titleParams" class="m-title"/>
<div class="swiper-content" @mouseenter="swiperStop" @mouseleave="swiperStart">
<div v-swiper:mySwiper="swiperOption" ref="mySwiper">
<div class="swiper-wrapper">
<div class="swiper-slide" v-for="(item, index) in listData" :key="index" @click="goPage(item)">
<img :src="item.photo_uri">
<div class="text">{{ item.title }}</div>
</div>
</li>
<li>
<img src="https://zws-imgs-pub.ezijing.com/static/public/5a92e49bf43a7c7a7fb75cd1415ffc2b.png" alt="" class="logo">
<div class="wecome">HI！欢迎回来</div>
<div class="course-btn" @click="showEnroll">课程预约</div>
<div class="login-txt" @click="showEnroll">注册/登陆</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</template>
<script>
import mTitle from '../../components/home/moduleTitle'
export default {
data() {
name: 'openClass',
components: {
mTitle
},
data () {
const _this = this
return {
listData: []
titleParams: {
name: '公开课',
more: {
path: '/',
query: {
id: 1
}
}
},
isScale: false,
listData: [],
// 轮播图配置信息, 更多请参考 swiper.js 中文网，上面很详细。
swiperOption: {
observer: true,
observeParents: true,
speed: 400,
autoplay: true,
delay: 3000,
loop: true,
slidesPerView: 3,
// centeredSlides: true,
spaceBetween: 20,
on: {
init() {
_this.swiper.slideNext()
}
}
}
}
},
async fetch() {
const params = {
page: 1,
per_page: 100,
type: 72,
type: 71,
project_id: 1013
}
this.listData = await this.$axios.$get('/api/zws/v1/cms/news', { params }).then(res => {
return res.filter((item, index) => {
return index < 3
})
return res
})
},
computed: {
swiper() {
return this.$refs.mySwiper.swiper;
}
},
created() {
},
mounted() {
if (document.documentElement.clientWidth < 1400) {
// this.isScale = true
}
},
methods: {
swiperStop() {
this.swiper.autoplay.stop()
},
swiperStart() {
this.swiper.autoplay.start()
},
goPage(item) {
if (item.source === '') {
this.$router.push({
......@@ -66,21 +94,17 @@ export default {
} else {
window.open(item.source)
}
},
showEnroll() {
const dom = document.getElementById('show-enroll')
const dom2 = document.getElementById('show-enroll-content')
dom.style.display = 'block'
dom2.style.display = 'block'
}
}
}
</script>
<style lang="scss" scoped>
.class-content{
padding-top: 87px;
.max-width{
width: 1200px;
margin: 0 auto;
}
.alumni-content{
padding-top: 89px;
.title-content{
display: flex;
.left-title{
......@@ -98,130 +122,43 @@ export default {
margin-left: 9px;
}
}
.right-text{
margin-left: auto;
margin-top: 18px;
font-size: 16px;
font-weight: 300;
line-height: 34px;
color: #9B9B9B;
cursor: pointer;
}
}
.content-box{
padding-top: 20px;
.banner{
width: 1200px;
display: block;
}
ul{
display: flex;
justify-content: space-between;
padding-top: 27px;
li{
width: 285px;
height: 287px;
background: #FFFFFF;
padding: 43px 22px 34px;
.small-tit{
font-size: 24px;
font-weight: bold;
line-height: 34px;
color: #424242;
margin-top: 12px;
}
.swiper-content{
padding-top: 37px;
// width: 100%;
.swiper-slide{
position: relative;
width: 388px;
.text{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 40px;
line-height: 40px;
background: rgba(0,0,0,0.5);
padding: 0 20px;
box-sizing: border-box;
cursor: pointer;
.logo{
width: 89px;
display: block;
margin: 0 auto;
}
.wecome{
font-size: 18px;
line-height: 100%;
color: #666666;
text-align: center;
margin: 18px 0 34px;
}
.course-btn{
font-size: 21px;
line-height: 36px;
color: #FFFFFF;
width: 193px;
height: 36px;
background: #AA1941;
border-radius: 5px;
text-align: center;
margin: 0 auto;
cursor: pointer;
}
.login-txt{
font-size: 14px;
line-height: 100%;
color: #666666;
margin-top: 15px;
text-align: center;
cursor: pointer;
}
.title{
font-size: 22px;
line-height: 30px;
color: #333333;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.con-txt{
font-size: 14px;
line-height: 28px;
color: #666666;
margin-top: 10px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.info-box{
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 21px;
.time{
font-size: 12px;
line-height: 28px;
color: #A8A8A8;
white-space: nowrap;
}
.look-num{
// margin-left: 16px;
display: flex;
align-items: center;
.icon{
width: 15px;
height: 10px;
background: url(https://zws-imgs-pub.ezijing.com/static/public/948410ca5d8663ef4e80d4913df8a9b4.png);
background-size: 100% 100%;
}
.num{
font-size: 12px;
line-height: 28px;
color: #9B9B9B;
margin-left: 3px;
white-space: nowrap;
}
}
.btn{
width: 72px;
height: 24px;
background: #AA1941;
opacity: 1;
border-radius: 6px;
font-size: 13px;
line-height: 18px;
color: #FFFFFF;
text-align: center;
line-height: 24px;
cursor: pointer;
// margin-left: 32px;
}
}
font-size: 20px;
color: #FEFEFE;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
img{
width: 100%;
}
}
}
}
</style>
\ No newline at end of file
.scale{
transform: scale(0.85);
}
</style>
components/home/presence.vue 0 → 100644
浏览文件 @ 4ec07228
<template>
<div class="presence-content-box">
<m-title :data="titleParams" class="m-title"/>
<div class="content-mian">
<div class="banner-box" @mouseenter="swiperStop" @mouseleave="swiperStart">
<div v-swiper:mySwiper="swiperOption" ref="mySwiper">
<div class="swiper-wrapper">
<div class="swiper-slide" v-for="(item, index) in listData" :key="index" @click="goPage(item)">
<img :src="item.photo_uri">
</div>
</div>
<div class="swiper-pagination swiper-pagination-bullets"></div>
</div>
</div>
<div class="enroll-box">
<div class="left-content">
<div class="tit">提交申请<br />免费领取试听课程</div>
<div class="tips">温馨提示：仅本科及以上学历可报名</div>
</div>
<div class="right-content">
<div class="li">
<el-select v-model="form.years" placeholder="请选择工作年限">
<el-option
v-for="item in yearsOptions"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</div>
<div class="li">
<el-select v-model="form.degree" placeholder="请选择学历/学位">
<el-option
v-for="item in degreeOptions"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</div>
<div class="li">
<el-input v-model="form.name" placeholder="输入您的姓名"></el-input>
</div>
<div class="li">
<el-input v-model="form.phone" placeholder="输入您的手机号"></el-input>
</div>
<div class="btn">立即提交</div>
</div>
</div>
</div>
</div>
</template>
<script>
import mTitle from '../../components/home/moduleTitle'
export default {
name: 'presence',
components: {
mTitle
},
data() {
return {
yearsOptions: [{
value: '0~2',
label: '0-2年'
}, {
value: '3~5',
label: '3-5年'
}, {
value: '5~10',
label: '5-10年'
}, {
value: '10+',
label: '10年及以上'
}],
degreeOptions: [{
value: '2',
label: '普通本科'
}, {
value: '3',
label: '本科/学士'
}, {
value: '5',
label: '硕士'
}, {
value: '7',
label: '博士'
}],
form: {
years: '',
degree: '',
name: '',
phone: ''
},
value: '',
titleParams: {
name: '师生风采',
more: {
path: '/',
query: {
id: 1
}
}
},
listData: [],
swiperOption: {
speed: 400,
// autoplay: true,
delay: 3000,
loop: true,
pagination: {
el: '.swiper-pagination',
clickable: true
},
direction: 'vertical',
height: 500
// autoHeight: true
}
}
},
async fetch() {
const params = {
page: 1,
per_page: 100,
type: 70,
project_id: 1013
}
this.listData = await this.$axios.$get('/api/zws/v1/cms/news', { params }).then(res => {
console.log(params)
return res
})
},
computed: {
swiper() {
return this.$refs.mySwiper.swiper;
}
},
mounted() {
},
methods: {
swiperStop() {
this.swiper.autoplay.stop()
},
swiperStart() {
// this.swiper.autoplay.start()
},
goPage(item) {
console.log(1123)
if (item.source === '') {
this.$router.push({
path: '/about/news-detail',
query: {
id: item.id
}
})
} else {
window.open(item.source)
}
}
}
}
</script>
<style lang="scss" scoped>
.presence-content-box{
padding-top: 80px;
.m-title{
width: 1200px;
margin: 0 auto;
}
.content-mian{
padding-top: 24px;
.banner-box{
height: 500px;
overflow: hidden;
img{
width: 100%;
height: 520px;
display: block;
}
}
.enroll-box{
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-size: 100% 100%;
display: flex;
justify-content: space-between;
.left-content{
width: 592px;
height: 223px;
background:rgba(170, 25, 65, .63);
box-shadow: 0px 0px 122px rgba(0, 0, 0, 0.07);
margin-top: 127px;
.tit{
font-size: 48px;
font-weight: bold;
line-height: 58px;
color: #FFFFFF;
text-align: center;
margin-top: 30px;
}
.tips{
font-size: 14px;
line-height: 100%;
color: #FFFFFF;
margin-top: 30px;
text-align: center;
}
}
.right-content{
width: 401px;
height: 382px;
background: #FFFFFF;
margin-top: 54px;
box-sizing: border-box;
padding: 63px 56px 56px 64px;
margin-right: 116px;
::v-deep{
.el-select{
width: 100%;
}
}
.li{
margin-bottom: 20px;
}
.btn{
font-size: 18px;
line-height: 32px;
color: #FFFFFF;
width: 281px;
background: #AA1941;
border-radius: 4px;
text-align: center;
cursor: pointer;
}
}
}
}
}
</style>
\ No newline at end of file
components/home/projectFeatures.vue
浏览文件 @ 4ec07228
......@@ -13,6 +13,7 @@
<script>
import mTitle from '../../components/home/moduleTitle'
export default {
name: 'projectFeatures',
components: {
mTitle
},
......
components/home/projectNotice.vue deleted 100644 → 0
浏览文件 @ 53e7be07
<template>
<div class="notice-content">
<div class="title-content">
<div class="left-title">
<div class="line"></div>
<div class="text">项目公告</div>
</div>
<div class="right-text" @click="$router.push({ path: '/about/news', query: { type: 75 } })">
查看更多+
</div>
</div>
<div class="news-content">
<div class="left-content">
<div class="tit">即将开始的<br />课程日期</div>
<div class="list">
<div class="li">
<div class="txt">KELLEY商学院金融硕士（MSF）开学典礼</div>
<div class="time">3月23日</div>
</div>
<div class="li">
<div class="txt">酒店管理HMBA<br />报名截止日 </div>
<div class="time">4月10日</div>
</div>
</div>
</div>
<div class="right-content">
<ul>
<li v-for="(item, index) in listData" :key="index" @click="goPage(item)">
<div class="time-block">
<div class="m-time">{{ item.dateMonth }}</div>
<div class="t-time">{{ item.dateYear }}</div>
</div>
<div class="text">{{ item.title }}</div>
</li>
</ul>
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
listData: []
}
},
async fetch() {
const params = {
page: 1,
per_page: 100,
type: 75,
project_id: 1013
}
this.listData = await this.$axios.$get('/api/zws/v1/cms/news', { params }).then(res => {
const data = []
console.log(res)
res.map((item, index) => {
if (index < 3) {
item.dateYear = item.created_time.slice(0, 4)
item.dateMonth = item.created_time.slice(5, 10).replace('-', '/')
data.push(item)
}
})
return data
})
},
methods: {
goPage(item) {
if (item.source === '') {
this.$router.push({
path: '/about/news-detail',
query: {
id: item.id
}
})
} else {
window.open(item.source)
}
}
}
}
</script>
<style lang="scss" scoped>
.notice-content{
padding-top: 80px;
width: 1200px;
margin: 0 auto;
.title-content{
display: flex;
.left-title{
display: flex;
.line{
width: 6px;
height: 34px;
background: #AA1941;
}
.text{
font-size: 34px;
font-weight: bold;
line-height: 34px;
color: #424242;
margin-left: 9px;
}
}
.right-text{
margin-left: auto;
margin-top: 18px;
font-size: 16px;
font-weight: 300;
line-height: 34px;
color: #9B9B9B;
cursor: pointer;
}
}
.news-content{
margin-top: 15px;
display: flex;
.left-content{
width: 771px;
height: 282px;
background: #FFFFFF;
box-shadow: 0px 0px 29px rgba(0, 0, 0, 0.03);
padding: 72px 88px 72px 74px;
display: flex;
.tit{
font-size: 34px;
font-weight: 500;
line-height: 51px;
color: #424242;
padding-top: 29px;
text-align: center;
}
.list{
width: 378px;
margin-left: 60px;
.li{
display: flex;
align-items: center;
padding-top: 28px;
&:nth-child(1){
border-bottom: 1px solid #999999;
padding-bottom: 35px;
padding-top: 0;
}
.txt{
width: 188px;
font-size: 18px;
font-weight: 400;
line-height: 24px;
color: #424242;
text-align: center;
}
.time{
font-size: 30px;
font-weight: bold;
line-height: 60px;
color: #AA1941;
margin-left: 40px;
}
}
}
}
.right-content{
margin-left: auto;
ul{
li{
display: flex;
padding: 19px 0 15px;
align-items: center;
border-top: 1px solid #E3E3E3;
cursor: pointer;
&:nth-child(1){
border: none;
}
&:hover{
.text{
color: #AA1941;
}
}
.time-block{
width: 76px;
height: 58px;
background: #AA1941;
border: 10px solid #AA1941;
border-radius: 5px;
.m-time{
font-size: 18px;
font-family: Helvetica Neue LT Pro;
font-weight: normal;
// line-height: 53px;
color: #FFFFFF;
opacity: 0.8;
text-align: center;
}
.t-time{
font-size: 14px;
font-weight: normal;
line-height: 15px;
color: #FFFFFF;
opacity: 0.8;
text-align: center;
}
}
.text{
width: 275px;
font-size: 18px;
line-height: 24px;
color: #424242;
margin-left: 15px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
}
}
}
}
}
</style>
\ No newline at end of file
components/home/schoolRanking.vue
浏览文件 @ 4ec07228
......@@ -50,6 +50,7 @@
</template>
<script>
export default {
name: 'schoolRanking'
}
</script>
<style lang="scss" scoped>
......
components/home/serviceCase.vue deleted 100644 → 0
浏览文件 @ 53e7be07
<template>
<div class="class-content">
<div class="title-content">
<div class="left-title">
<div class="line"></div>
<div class="text">教育服务案例</div>
</div>
<div class="right-text" @click="$router.push({ path: '/about/news', query: { type: 73 } })">
查看更多+
</div>
</div>
<div class="swiper-content" @mouseenter="swiperStop" @mouseleave="swiperStart">
<div v-swiper:mySwiper="swiperOption" ref="mySwiper">
<div class="swiper-wrapper">
<div class="swiper-slide" v-for="(item, index) in listData" :key="index" @click="goPage(item)">
<img :src="item.photo_uri">
<div class="pop-txt-box">{{ item.title }}</div>
</div>
</div>
<!-- <div class="swiper-pagination swiper-pagination-bullets"></div> -->
</div>
<div class="prev-button"></div>
<div class="next-button"></div>
</div>
</div>
</template>
<script>
export default {
data () {
return {
listData: [],
swiperOption: {
speed: 400,
autoplay: true,
delay: 3000,
observer: true,
observerParent: true,
navigation: {
nextEl: '.next-button',
prevEl: '.prev-button'
}
}
}
},
async fetch() {
const params = {
page: 1,
per_page: 100,
type: 73,
project_id: 1013
}
this.listData = await this.$axios.$get('/api/zws/v1/cms/news', { params }).then(res => {
return res
})
},
computed: {
swiper() {
return this.$refs.mySwiper.swiper;
}
},
methods: {
swiperStop() {
this.swiper.autoplay.stop()
},
swiperStart() {
this.swiper.autoplay.start()
},
goPage(item) {
if (item.source === '') {
this.$router.push({
path: '/about/news-detail',
query: {
id: item.id
}
})
} else {
window.open(item.source)
}
}
}
}
</script>
<style lang="scss" scoped>
.class-content{
padding-top: 87px;
width: 1200px;
margin: 0 auto;
.title-content{
display: flex;
.left-title{
display: flex;
.line{
width: 6px;
height: 34px;
background: #AA1941;
}
.text{
font-size: 34px;
font-weight: bold;
line-height: 34px;
color: #424242;
margin-left: 9px;
}
}
.right-text{
margin-left: auto;
margin-top: 18px;
font-size: 16px;
font-weight: 300;
line-height: 34px;
color: #9B9B9B;
cursor: pointer;
}
}
.swiper-content{
padding-top: 20px;
position: relative;
.swiper-slide{
position: relative;
img{
width: 100%;
display: block;
}
.pop-txt-box{
width: 100%;
background: rgba(0, 0, 0, .6);
height: 76px;
padding-left: 33px;
line-height: 76px;
font-size: 24px;
color: #FFFFFF;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
}
.prev-button{
position: absolute;
top: 50%;
left: 30px;
width: 20px;
height: 35px;
background: url(https://zws-imgs-pub.ezijing.com/static/public/881f563105c3a04eb30e57094639eb33.png);
background-size: 100% 100%;
z-index: 999;
cursor: pointer;
}
.next-button{
position: absolute;
top: 50%;
right: 30px;
width: 20px;
height: 35px;
background: url(https://zws-imgs-pub.ezijing.com/static/public/87a93f0d579074213dc9014c9887ed38.png);
background-size: 100% 100%;
z-index: 999;
cursor: pointer;
}
}
}
</style>
\ No newline at end of file
components/news/newsItem.vue 0 → 100644
浏览文件 @ 4ec07228
<template>
<div class="news-content-box">
<ul class="list-content">
<template v-for="(item, index) in data">
<li @click="goDetail(item)" :key="index">
<img :src="item.photo_uri" alt="">
<div class="right-con">
<div class="time">{{ item.created_time }}</div>
<div class="title">{{ item.title }}</div>
<div class="text">{{ item.summary }}</div>
</div>
</li>
</template>
</ul>
</div>
</template>
<script>
export default {
props: {
data: {
type: Array
}
},
data() {
return {
listData: []
}
},
methods: {
goDetail(item) {
if (item.source === '') {
this.$router.push({
path: this.$route.path.indexOf('hot') === -1 ? '/news/interview-detail' : '/news/hot-detail',
query: {
id: item.id
}
})
} else {
window.open(item.source)
}
}
}
}
</script>
<style lang="scss" scoped>
.news-content-box{
.list-content{
width: 900px;
margin: 0 auto;
background: #fff;
li{
display: flex;
flex-wrap: wrap;
border-bottom: 1px solid #E6E6E6;
margin-bottom: 20px;
padding-bottom: 36px;
cursor: pointer;
&:hover{
.right-con{
.text{
color: #141414;
}
}
}
img{
width: 320px;
height: 210px;
display: block;
}
.right-con{
width: 550px;
margin-left: 30px;
.time{
font-size: 16px;
font-weight: 300;
line-height: 100%;
color: #AA1941;
padding-top: 13px;
}
.title{
font-size: 22px;
font-weight: bold;
line-height: 32px;
color: #141414;
margin-top: 10px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.text{
font-size: 14px;
font-weight: 300;
line-height: 24px;
color: #666666;
margin-top: 15px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
}
}
}
}
</style>
pages/about/course.vue 0 → 100644
浏览文件 @ 4ec07228
<template>
<div class="course-content-box">
<app-frame :data="frameParams">
<div class="content-mian">
<div class="border-box">
<template v-for="(item, index) in courseData">
<div class="item-box" :key="index">
<div class="title">{{ item.title }}</div>
<div class="right-content">
<ul>
<li v-for="(cItem, cIndex) in item.item" :key="cIndex + 'l'">
<div class="text">{{ cItem.name }}</div>
<div class="score">学分：{{ cItem.score }}</div>
</li>
</ul>
</div>
</div>
</template>
</div>
</div>
</app-frame>
</div>
</template>
<script>
import appFrame from '../../components/appFrame'
export default {
components: {
appFrame
},
data() {
return {
courseData: [
{
title: '先修课程',
item: [
{
name: '金融英语',
score: 0
},
{
name: '管理经济学',
score: 0
},
{
name: '会计基础与财务分析',
score: 0
}
]
},
{
title: '必修课程',
item: [
{
name: '财务管理',
score: 3
},
{
name: '资产定价和证券估值',
score: 3
},
{
name: '决策过程中的管理会计信息',
score: 3
},
{
name: '金融风险管理',
score: 3
},
{
name: '企业估值与投资',
score: 3
},
{
name: '证券和投资分析',
score: 3
},
{
name: '国际金融管理',
score: 3
},
{
name: '高级衍生品和固定收益模型',
score: 3
},
{
name: '金融市场策略',
score: 3
},
{
name: '行为金融学',
score: 1.5
},
{
name: '国际货币体系',
score: 1.5
},
{
name: '毕业论文/毕业设计',
score: 1.5
}
]
},
{
title: '选修课程',
item: [
{
name: '创业金融系列',
score: 0
},
{
name: '财富管理系列',
score: 0
},
{
name: '企业理财系列',
score: 0
},
{
name: '互联网金融系列',
score: 0
},
{
name: 'ABS系列',
score: 0
},
{
name: '利率市场化系列',
score: 0
},
{
name: '转型与发展：金融科技系列等',
score: 0
}
]
},
{
title: '美国访学',
item: [
{
name: '机器学习和商业应用',
score: 1.5
},
{
name: '职业发展规划',
score: 0
},
{
name: '毕业典礼',
score: 0
}
]
}
],
frameParams: {
banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/about-banner.png',
slider: [
{
name: '课程设置',
path: '/about/course',
pathActive: ['/about/course']
},
{
name: '师资力量',
path: '/about/teacher',
pathActive: ['/about/teacher']
}
]
}
}
},
mounted() {
console.log(this.$route)
}
}
</script>
<style lang="scss" scoped>
.course-content-box{
width: 1200px;
margin: 0 auto;
.content-mian{
padding: 106px 141px 110px 96px;
.border-box{
padding: 35px 0 51px;
border-top: 1px solid #E6E6E6;
border-bottom: 1px solid #E6E6E6;
.item-box{
display: flex;
justify-content: space-between;
margin-bottom: 40px;
ul{
padding-bottom: 37px;
border-bottom: 1px solid #E6E6E6;
}
&:last-child{
border-bottom: none;
margin-bottom: 0;
ul{
padding-bottom: 37px;
border-bottom: none;
}
}
.title{
font-size: 26px;
font-weight: bold;
line-height: 100%;
color: #AA1941;
}
.right-content{
width: 562px;
li{
height: 32px;
background: #F7F7F7;
display: flex;
align-items: center;
&:nth-child(even){
background: none;
}
.text{
width: 397px;
padding-left: 30px;
font-size: 16px;
color: #333333;
}
.score{
font-size: 16px;
color: #424242;
}
}
}
}
}
}
}
</style>
pages/about/teacher.vue 0 → 100644
浏览文件 @ 4ec07228
<template>
<div class="teacher-content-box">
<app-frame :data="frameParams">
<div class="content-box">
<div class="teacher-box">
<div class="mar-t-box" v-for="(item, index) in teacherList" :key="index">
<div class="title">{{ item.title }}</div>
<ul>
<template v-for="(cItem, cIndex) in item.list">
<li :key="cIndex + '='">
<img :src="cItem.image" alt="">
<div class="name">{{ cItem.name }}</div>
<template v-for="(text, tIndex) in cItem.intr">
<div class="p" :key="tIndex + '=='">{{ text }}</div>
</template>
</li>
</template>
</ul>
</div>
</div>
</div>
</app-frame>
</div>
</template>
<script>
import appFrame from '../../components/appFrame'
export default {
components: {
appFrame
},
data() {
return {
teacherList: [
{
title: '美方师资（部分）',
list: [
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t1.png',
name: 'Ash Soni',
intr: ['印第安纳大学工商管理博士', 'KELLEY商学院副院长、教授']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t2.png',
name: '杨珺',
intr: ['华盛顿大学金融学博士', '香港中文大学运营管理学博士', 'KELLEY商学院公司治理研究院院长']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t3.png',
name: 'Cathy Bonser-neal',
intr: ['芝加哥大学博士', 'KELLEY商学院金融学副教授']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t4.png',
name: 'Sreeni Kamma',
intr: ['纽约州立大学布法罗分校博士', 'KELLEY商学院金融系主任']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t5.png',
name: 'Dubos J. masson',
intr: ['印第安纳大学金融学博士', 'KELLEY商学院金融系副教授']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t6.png',
name: 'Joe fisher',
intr: ['俄亥俄州立大学博士', 'KELLEY商学院教授']
}
]
},
{
title: '中方师资（部分）',
list: [
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t7.png',
name: '肇越',
intr: ['清华五道口经济学博士', '香港致富证券首席经济学家']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t8.png',
name: '梁国忠',
intr: ['复旦大学金融学硕士', '中金甲子投资基金管理有限公司', '董事长兼总经理']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t9.png',
name: '孙明春',
intr: ['斯坦福大学博士', '海通国际首席经济学家']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t10.png',
name: '洪灏',
intr: ['澳大利亚商学院金融系工商管理硕士', '交银国际董事总经理、首席策略师']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t11.png',
name: '王勇',
intr: ['加拿大达尔豪斯大学博士', '国家千人计划专家', '天风证券首席风险官']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t12.png',
name: '王鹤菲',
intr: ['斯坦福大学商学院金融学博士', '中国人民大学国际学院金融学教授']
}
]
}
],
frameParams: {
banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/about-banner2.png',
slider: [
{
name: '课程设置',
path: '/about/course',
pathActive: ['/about/course']
},
{
name: '师资力量',
path: '/about/teacher',
pathActive: ['/about/teacher']
}
]
}
}
},
mounted() {
console.log(this.$route)
}
}
</script>
<style lang="scss" scoped>
.teacher-content-box{
width: 1200px;
margin: 0 auto;
.content-box{
padding: 60px 75px 61px;
.teacher-box{
.title{
font-size: 22px;
font-weight: bold;
line-height: 100%;
color: #333333;
}
ul{
display: flex;
flex-wrap: wrap;
padding-top: 30px;
li{
width: 180px;
margin-right: 140px;
margin-bottom: 40px;
&:nth-child(3n+3){
margin-right: 0;
}
img{
display: block;
width: 100%;
}
.name{
font-size: 18px;
color: #AA1941;
line-height: 100%;
margin-top: 20px;
margin-bottom: 10px;
}
.p{
font-size: 14px;
line-height: 100%;
color: #666666;
white-space: nowrap;
margin-bottom: 5px;
}
}
}
}
}
}
</style>
pages/in.vue deleted 100644 → 0
浏览文件 @ 53e7be07
<template>
<div>
<app-frame :data="frameParams">
123
</app-frame>
</div>
</template>
<script>
import appFrame from '../components/appFrame'
export default {
components: {
appFrame
},
data() {
return {
frameParams: {
banner: '',
slider: [
{
name: '项目背景',
path: '/in',
pathActive: ['/in']
},
{
name: '项目特色',
path: '/in2',
pathActive: ['/in2']
}
]
}
}
}
}
</script>
<style lang="scss" scoped>
</style>
pages/index.vue
浏览文件 @ 4ec07228
......@@ -8,14 +8,12 @@
<school-ranking />
<!-- 最新动态 -->
<news />
<!-- 校长寄语 -->
<!-- <headmaster-msg :class="isScale && 'scale space4'"/> -->
<!-- 校友故事 -->
<!-- <alumni-stories :class="isScale && 'space5'"/> -->
<!-- 师生风采 -->
<presence />
<!-- 常见问题 -->
<common-problem />
<!-- 公开课 -->
<!-- <open-class :class="isScale && 'scale space6'" /> -->
<!-- 教育服务案例 -->
<!-- <service-case :class="isScale && 'scale space7'"/> -->
<open-class />
<!-- 右侧功能栏 -->
<right-aside />
</div>
......@@ -26,12 +24,9 @@ import banner from '../components/home/banner'
import projectFeatures from '../components/home/projectFeatures'
import schoolRanking from '../components/home/schoolRanking'
import news from '../components/home/news'
import projectNotice from '../components/home/projectNotice'
import headmasterMsg from '../components/home/headmasterMsg'
import alumniStories from '../components/home/alumniStories'
import presence from '../components/home/presence'
import commonProblem from '../components/home/commonProblem'
import openClass from '../components/home/openClass'
import serviceCase from '../components/home/serviceCase'
import rightAside from '../components/rightAside'
export default {
components: {
......@@ -39,12 +34,9 @@ export default {
projectFeatures,
schoolRanking,
news,
projectNotice,
headmasterMsg,
alumniStories,
presence,
commonProblem,
openClass,
serviceCase,
rightAside
},
data () {
......
pages/news/hot-detail.vue 0 → 100644
浏览文件 @ 4ec07228
<template>
<div class="detail-content-box">
<app-frame :data="frameParams">
<div class="content-box">
<div class="back-btn" @click="$router.go(-1)">
<div class="el-icon-arrow-left"></div>
<div class="text">返回</div>
</div>
<div class="times">{{ data.created_time }}</div>
<div class="titles">{{ data.title }}</div>
<div class="article-content" v-html="data.content">
<!-- 当今世界正经历百年未有之大变局，中国正在努力构建“双循环”新格局，深化金融改革信号明确，我们迫切需要什么样的金融人才？如何培养担当大任的金融领军人才？
10月16日上午，由紫荆教育、印第安纳大学KELLEY商学院主办，中国教育发展战略学会支持的2020（第七届）紫荆·国际金融人才论坛暨“中国未来金融领袖计划”新闻发布会在北京威斯汀酒店举行，权威大咖云集，观点激荡碰撞出独家思想盛宴。紫荆教育董事长张博、资深副总裁金梅，全国社会保障基金理事会原副理事长、中国基金业协会母基金专委会主席王忠民，中国银行业协会东方银行业高级管理人员研修院院长助理唐绍云，中国教育发展战略学会教育认证专业委员会秘书长顾占春，清华大学公共管理学院中国公共领导力中心副主任于永达，清华大学五道口金融学院业界导师、香港致富证券首席经济学家肇越，天风证券首席风险官王勇，人民网、新华网、新浪网、凤凰网、搜狐视频、网易网等媒体朋友参加了论坛。
<img src="https://zws-imgs-pub.ezijing.com/static/public/c563a1e422b67a14b9fb22ea86d56e0b.png" alt=""> -->
</div>
<!-- <div class="recommend-content">
<div class="titles">
<div class="line"></div>
<div class="text">相关推荐</div>
</div>
<ul class="list-box">
<li v-for="(item, index) in listData" :key="index" @click="goPage(item)">
<img :src="item.photo_uri" alt="">
<div class="dec">{{ item.title }}</div>
</li>
</ul>
</div>
<div class="more-btn" @click="$router.push({ path: '/about/news' })">查看更多</div> -->
</div>
</app-frame>
</div>
</template>
<script>
import appFrame from '../../components/appFrame'
export default {
components: {
appFrame
},
data () {
return {
frameParams: {
slider: [
{
name: '热点新闻',
path: '/news/hot',
pathActive: ['/news/hot', '/news/hot-detail']
},
{
name: '教授采访',
path: '/news/interview',
pathActive: ['/news/interview', '/news/interview-detail']
}
]
},
data: {},
listData: []
}
},
async fetch() {
this.data = await this.$axios.$get(`/api/zws/v1/cms/news/${this.$route.query.id}`).then(res => {
return res
})
const params = {
page: 1,
per_page: 100,
type: 74,
project_id: 1013
}
this.listData = await this.$axios.$get('/api/zws/v1/cms/news', { params }).then(res => {
return res.filter((item, index) => {
return index < 3
})
})
},
mounted () {
},
methods: {
goPage(item) {
if (item.source === '') {
// this.$router.push({
// path: '/about/news-detail',
// query: {
// id: item.id
// }
// })
window.open(`${window.location.origin}/about/news-detail?id=${item.id}`)
} else {
window.open(item.source)
}
}
}
}
</script>
<style lang="scss" scoped>
.detail-content-box{
// width: 1000px;
// background: #fff;
// box-sizing: border-box;
// margin-bottom: 100px;
.content-box{
padding: 50px 50px 94px;
}
.back-btn{
display: flex;
align-items: center;
cursor: pointer;
.el-icon-arrow-left{
color: rgba(153, 153, 153, 1);
font-size: 16px;
}
.text{
font-size: 16px;
color: #999999;
}
}
.times{
font-size: 16px;
line-height: 100%;
margin: 35px 0 16px;
color: #999999;
}
.titles{
font-size: 32px;
font-weight: bold;
color: #141414;
// height: 62px;
border-bottom: 1px solid #E6E6E6;
padding-bottom: 10px;
// line-height: 100%;
}
.article-content{
padding-top: 25px;
font-size: 14px;
line-height: 28px;
color: #333333;
img{
display: block;
width: 100%;
margin-top: 40px;
}
}
.recommend-content{
border-top: 1px solid #E6E6E6;
padding-top: 37px;
.titles{
display: flex;
align-items: center;
.line{
width: 6px;
height: 22px;
background: #AA1941;
}
.text{
font-size: 22px;
color: #333333;
margin-left: 10px;
}
}
.list-box{
margin-top: 50px;
display: flex;
justify-content: space-between;
li{
width: 280px;
img{
width: 280px;
height: 184px;
display: block;
}
.dec{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
font-size: 16px;
line-height: 26px;
color: #333333;
margin-top: 10px;
}
}
}
}
.more-btn{
position: relative;
z-index: 999;
width: 164px;
height: 40px;
border: 1px solid #D3D3D3;
border-radius: 8px;
line-height: 40px;
text-align: center;
font-size: 16px;
color: #999999;
margin: 50px auto 0;
cursor: pointer;
}
}
</style>
pages/news/hot.vue 0 → 100644
浏览文件 @ 4ec07228
<template>
<div class="hot-content-box">
<app-frame :data="frameParams">
<newsItem :data="newsList" class="news-item"/>
</app-frame>
</div>
</template>
<script>
import appFrame from '../../components/appFrame'
import newsItem from '../../components/news/newsItem'
export default {
components: {
appFrame,
newsItem
},
async fetch() {
const params = {
page: 1,
per_page: 100,
type: this.$route.query.type || 74,
project_id: 1013
}
this.newsList = await this.$axios.$get('/api/zws/v1/cms/news', { params }).then(res => {
return res
})
},
data() {
return {
newsList: [],
frameParams: {
banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/news-banner.png',
slider: [
{
name: '热点新闻',
path: '/news/hot',
pathActive: ['/news/hot', '/news/hot-detail']
},
{
name: '教授采访',
path: '/news/interview',
pathActive: ['/news/interview', '/news/interview-detail']
}
]
}
}
},
mounted() {
console.log(this.$route)
}
}
</script>
<style lang="scss" scoped>
.hot-content-box{
width: 1200px;
margin: 0 auto;
.news-item{
padding-top: 43px;
}
}
</style>
pages/news/interview-detail.vue 0 → 100644
浏览文件 @ 4ec07228
<template>
<div class="detail-content-box">
<app-frame :data="frameParams">
<div class="content-box">
<div class="back-btn" @click="$router.go(-1)">
<div class="el-icon-arrow-left"></div>
<div class="text">返回</div>
</div>
<div class="times">{{ data.created_time }}</div>
<div class="titles">{{ data.title }}</div>
<div class="article-content" v-html="data.content">
<!-- 当今世界正经历百年未有之大变局，中国正在努力构建“双循环”新格局，深化金融改革信号明确，我们迫切需要什么样的金融人才？如何培养担当大任的金融领军人才？
10月16日上午，由紫荆教育、印第安纳大学KELLEY商学院主办，中国教育发展战略学会支持的2020（第七届）紫荆·国际金融人才论坛暨“中国未来金融领袖计划”新闻发布会在北京威斯汀酒店举行，权威大咖云集，观点激荡碰撞出独家思想盛宴。紫荆教育董事长张博、资深副总裁金梅，全国社会保障基金理事会原副理事长、中国基金业协会母基金专委会主席王忠民，中国银行业协会东方银行业高级管理人员研修院院长助理唐绍云，中国教育发展战略学会教育认证专业委员会秘书长顾占春，清华大学公共管理学院中国公共领导力中心副主任于永达，清华大学五道口金融学院业界导师、香港致富证券首席经济学家肇越，天风证券首席风险官王勇，人民网、新华网、新浪网、凤凰网、搜狐视频、网易网等媒体朋友参加了论坛。
<img src="https://zws-imgs-pub.ezijing.com/static/public/c563a1e422b67a14b9fb22ea86d56e0b.png" alt=""> -->
</div>
<!-- <div class="recommend-content">
<div class="titles">
<div class="line"></div>
<div class="text">相关推荐</div>
</div>
<ul class="list-box">
<li v-for="(item, index) in listData" :key="index" @click="goPage(item)">
<img :src="item.photo_uri" alt="">
<div class="dec">{{ item.title }}</div>
</li>
</ul>
</div>
<div class="more-btn" @click="$router.push({ path: '/about/news' })">查看更多</div> -->
</div>
</app-frame>
</div>
</template>
<script>
import appFrame from '../../components/appFrame'
export default {
components: {
appFrame
},
data () {
return {
frameParams: {
slider: [
{
name: '热点新闻',
path: '/news/hot',
pathActive: ['/news/hot', '/news/hot-detail']
},
{
name: '教授采访',
path: '/news/interview',
pathActive: ['/news/interview', '/news/interview-detail']
}
]
},
data: {},
listData: []
}
},
async fetch() {
this.data = await this.$axios.$get(`/api/zws/v1/cms/news/${this.$route.query.id}`).then(res => {
return res
})
const params = {
page: 1,
per_page: 100,
type: 74,
project_id: 1013
}
this.listData = await this.$axios.$get('/api/zws/v1/cms/news', { params }).then(res => {
return res.filter((item, index) => {
return index < 3
})
})
},
mounted () {
},
methods: {
goPage(item) {
if (item.source === '') {
// this.$router.push({
// path: '/about/news-detail',
// query: {
// id: item.id
// }
// })
window.open(`${window.location.origin}/about/news-detail?id=${item.id}`)
} else {
window.open(item.source)
}
}
}
}
</script>
<style lang="scss" scoped>
.detail-content-box{
// width: 1000px;
// background: #fff;
// box-sizing: border-box;
// margin-bottom: 100px;
.content-box{
padding: 50px 50px 94px;
}
.back-btn{
display: flex;
align-items: center;
cursor: pointer;
.el-icon-arrow-left{
color: rgba(153, 153, 153, 1);
font-size: 16px;
}
.text{
font-size: 16px;
color: #999999;
}
}
.times{
font-size: 16px;
line-height: 100%;
margin: 35px 0 16px;
color: #999999;
}
.titles{
font-size: 32px;
font-weight: bold;
color: #141414;
// height: 62px;
border-bottom: 1px solid #E6E6E6;
padding-bottom: 10px;
// line-height: 100%;
}
.article-content{
padding-top: 25px;
font-size: 14px;
line-height: 28px;
color: #333333;
img{
display: block;
width: 100%;
margin-top: 40px;
}
}
.recommend-content{
border-top: 1px solid #E6E6E6;
padding-top: 37px;
.titles{
display: flex;
align-items: center;
.line{
width: 6px;
height: 22px;
background: #AA1941;
}
.text{
font-size: 22px;
color: #333333;
margin-left: 10px;
}
}
.list-box{
margin-top: 50px;
display: flex;
justify-content: space-between;
li{
width: 280px;
img{
width: 280px;
height: 184px;
display: block;
}
.dec{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
font-size: 16px;
line-height: 26px;
color: #333333;
margin-top: 10px;
}
}
}
}
.more-btn{
position: relative;
z-index: 999;
width: 164px;
height: 40px;
border: 1px solid #D3D3D3;
border-radius: 8px;
line-height: 40px;
text-align: center;
font-size: 16px;
color: #999999;
margin: 50px auto 0;
cursor: pointer;
}
}
</style>
pages/news/interview.vue 0 → 100644
浏览文件 @ 4ec07228
<template>
<div class="hot-content-box">
<app-frame :data="frameParams">
<newsItem :data="newsList" class="news-item"/>
</app-frame>
</div>
</template>
<script>
import appFrame from '../../components/appFrame'
import newsItem from '../../components/news/newsItem'
export default {
components: {
appFrame,
newsItem
},
async fetch() {
const params = {
page: 1,
per_page: 100,
type: this.$route.query.type || 74,
project_id: 1013
}
this.newsList = await this.$axios.$get('/api/zws/v1/cms/news', { params }).then(res => {
return res
})
},
data() {
return {
newsList: [],
frameParams: {
banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/news-banner2.png',
slider: [
{
name: '热点新闻',
path: '/news/hot',
pathActive: ['/news/hot']
},
{
name: '教授采访',
path: '/news/interview',
pathActive: ['/news/interview']
}
]
}
}
}
}
</script>
<style lang="scss" scoped>
.hot-content-box{
width: 1200px;
margin: 0 auto;
.news-item{
padding-top: 43px;
}
}
</style>
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论