提交 175e5a74 authored 作者: lihuihui's avatar lihuihui

修改样式

上级 2d71dd9a
...@@ -6,7 +6,7 @@ export default class ScoreAPI extends BaseAPI { ...@@ -6,7 +6,7 @@ export default class ScoreAPI extends BaseAPI {
*/ */
getContent = name => getContent = name =>
this.get( this.get(
`/v1/cms/projects/5003/contents/${encodeURIComponent(decodeURIComponent(name))}?sites=sofia.ezijing.com`, `/v1/cms/projects/5003/contents/${encodeURIComponent(decodeURIComponent(name))}?sites=prp.ezijing.com`,
{ {
addhost: 'zws-api.ezijing.com', addhost: 'zws-api.ezijing.com',
Host: 'zws-api.ezijing.com' Host: 'zws-api.ezijing.com'
......
...@@ -7,7 +7,7 @@ export default class ScoreAPI extends BaseAPI { ...@@ -7,7 +7,7 @@ export default class ScoreAPI extends BaseAPI {
*/ */
getContent = name => getContent = name =>
this.get( this.get(
`zws/v1/cms/projects/5003/contents/${encodeURIComponent(decodeURIComponent(name))}?sites=sofia.ezijing.com`, `zws/v1/cms/projects/5003/contents/${encodeURIComponent(decodeURIComponent(name))}?sites=prp.ezijing.com`,
{} {}
) )
/** /**
......
<template> <template>
<div id="app"> <div id="app">
<router-view /> <router-view />
<img
@click="openService"
class="service" src="https://zws-imgs-pub.ezijing.com/4ea9db80581687a358d2e5fae9a631e0.png"
alt="">
</div> </div>
</template> </template>
<script> <script>
export default { export default {
methods: { methods: {
openService() {
window.open('https://chat7811.talk99.cn/chat/chat/p.do?g=10052859&md=2&c=10036753', '', 'width=750,height=500,left=200,top=100')
}
} }
} }
</script> </script>
......
...@@ -3,7 +3,11 @@ ...@@ -3,7 +3,11 @@
<div class="app-footer-main"> <div class="app-footer-main">
<div class="inner"> <div class="inner">
<div class="left"> <div class="left">
<img src="../../assets/img/head/ezijing-logo2.svg" class="logo" /> <div class="logo-box">
<img src="../../assets/img/head/ezijing-logo2.svg" class="logo" />
<div class="line"></div>
<img src="https://zws-imgs-pub.ezijing.com/static/public/956baa062689bd39a75aef79ed446d8d.png" alt="" class="logo2">
</div>
<ul class="menu"> <ul class="menu">
<li v-for="item in menuList" :key="item.href"> <li v-for="item in menuList" :key="item.href">
<a :href="item.href" target="_blank">{{ item.title }}</a> <a :href="item.href" target="_blank">{{ item.title }}</a>
...@@ -75,8 +79,24 @@ export default { ...@@ -75,8 +79,24 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.logo-box{
display: flex;
.logo2{
width: 150px;
height: 30px;
margin-top: 8px;
display: block;
}
.line{
width: 2px;
height: 33px;
background: #FFFFFF;
border-radius: 1px;
margin: 7px 20px;
}
}
.logo{ .logo{
width: 156px; width: 141px;
} }
.app-footer { .app-footer {
.inner { .inner {
......
...@@ -80,10 +80,10 @@ export default { ...@@ -80,10 +80,10 @@ export default {
font-size: 16px; font-size: 16px;
margin-right: 2px; margin-right: 2px;
cursor: pointer; cursor: pointer;
background: #BF0927; background: rgba(76, 129, 196, 1);
&.active{ &.active{
background: #fff; background: #fff;
color: #C70025; color: rgba(76, 129, 196, 1);
} }
} }
} }
......
...@@ -55,7 +55,7 @@ export default { ...@@ -55,7 +55,7 @@ export default {
&.active{ &.active{
border: 1px solid #979797; border: 1px solid #979797;
border-bottom: none; border-bottom: none;
border-top: 2px solid #BF0927; border-top: 2px solid rgba(76, 129, 196, 1);
&::after{ &::after{
content: ''; content: '';
width: 100%; width: 100%;
......
<template> <template>
<div> <div>
<banner-tab :data="bannerTabData" @changeTab="changeTab"></banner-tab> <banner-tab :data="bannerTabData" @changeTab="changeTab"></banner-tab>
<div class="cont-mian center97"> <div class="pre-mian center97">
<div class="module" v-if="activeIndex == 0"> <div class="list-box">
<div class="left-txt" v-html="content"></div> <list :data="listData[0]" v-if="activeIndex == 0"></list>
<img src="https://zws-imgs-pub.ezijing.com/static/public/3128bdbea80c04f1cbe1d3d5c600f2c5.png" alt="" class="exh" /> <list :data="listData[1]" v-if="activeIndex == 1"></list>
</div>
<div class="module" v-if="activeIndex == 1">
<div>
<div class="video-box">
<div class="text-cont">
为给紫荆的校友提供更好的服务,使校友之间的联络更加紧密、促进校友和紫荆的共同发展,紫荆教育特成立紫荆校友办,期望帮助校友建立广阔交流的人脉网络和校友平台。紫荆校友办是为校友提供服务的窗口和平台。校友办始终以服务校友为使命,通过组织形式多样的校友活动、搭建便捷高效的交流平台、传播校友的同学情谊以及向校友提供教育服务等渠道。
</div>
<div class="videos">
<video
width="420"
controls
src="https://zws-imgs-pub.ezijing.com/static/public/d54b17ec8d02432ed440285123acc1c0.mp4"
></video>
</div>
</div>
<div class="list-box">
<list :data="M1listData"></list>
</div>
</div>
</div>
<div class="module" v-if="activeIndex == 2">
<ul class="list-fc">
<template v-for="(item, index) in M2listData">
<li :key="index" @click="goPage(item.source)">{{ item.title }}</li>
</template>
</ul>
<img src="https://zws-imgs-pub.ezijing.com/static/public/3128bdbea80c04f1cbe1d3d5c600f2c5.png" alt="" class="exh" />
</div> </div>
<img src="https://zws-imgs-pub.ezijing.com/static/public/d334785b4f68e4a72d8165b3a3e83f07.png" alt="" />
</div> </div>
</div> </div>
</template> </template>
...@@ -48,88 +22,63 @@ export default { ...@@ -48,88 +22,63 @@ export default {
data() { data() {
return { return {
bannerTabData: { bannerTabData: {
menu: ['校友会', '校友活动', '校友风采'], menu: ['教授观点'],
imgUrl: 'https://zws-imgs-pub.ezijing.com/static/public/0390956f08b4f3f080171397f2238a12.png' imgUrl: 'https://zws-imgs-pub.ezijing.com/static/public/b61c3355f53391b163a388d18d18aa62.png'
}, },
activeIndex: 0, activeIndex: 0,
tabMenu: ['好书推荐', '校友手册', '校友卡申领', '终身邮箱'],
content: '',
requestParam: { requestParam: {
page: 1, page: 1,
per_page: 100, per_page: 100,
type: 59, type: 20,
project_id: 5003 project_id: 5003
}, },
M1listData: [], listData: {
M2listData: [] 0: [],
1: []
},
} }
}, },
mounted() { mounted() {
this.getData() this.request(0)
this.getM1List()
this.getM2List()
}, },
methods: { methods: {
changeTab(index) { changeTab(index) {
const key = {
0: 20
// 1: 54
}
this.requestParam.type = key[index]
this.request(index)
this.activeIndex = index this.activeIndex = index
}, },
changeChildTab(index) { request(n) {
// this.tabShowItem = index
},
getData() {
cAction.reportAction
.getContent('校友会')
.then(json => {
if (json !== null) {
this.content = json[0].content
}
})
.catch(e => {
this.$message.error(e.message)
})
.finally(() => {})
},
getM1List() {
this.requestParam.type = 59
cAction.reportAction
.getNews(this.requestParam)
.then(json => {
this.M1listData = json
})
.catch(e => {
this.$message.error(e.message)
})
.finally(() => {})
},
getM2List() {
this.requestParam.type = 60
cAction.reportAction cAction.reportAction
.getNews(this.requestParam) .getNews(this.requestParam)
.then(json => { .then(json => {
this.M2listData = json if (Array.isArray(json)) {
json.length && (this.listData[n] = json)
console.log(this.listData)
}
}) })
.catch(e => { .catch(e => {
this.$message.error(e.message) this.$message.error(e.message)
}) })
.finally(() => {}) .finally(() => {})
},
goPage(url) {
window.open(url)
} }
} }
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.list-box { .list-box {
// padding-top: 40px; width: 700px;
margin-top: 40px; }
::v-deep { .pre-mian {
ul { padding: 30px 0 60px;
&:nth-child(1) { display: flex;
padding-top: 40px; img {
border-top: 1px solid #ccc !important; width: 235px;
} height: 300px;
} margin-left: auto;
} }
} }
.cont-mian { .cont-mian {
...@@ -140,7 +89,7 @@ export default { ...@@ -140,7 +89,7 @@ export default {
.left-txt { .left-txt {
width: 670px; width: 670px;
} }
.exh { img {
margin-left: auto; margin-left: auto;
// display: block; // display: block;
width: 235px; width: 235px;
...@@ -166,7 +115,6 @@ export default { ...@@ -166,7 +115,6 @@ export default {
left: 0; left: 0;
display: flex; display: flex;
li { li {
cursor: pointer;
width: 128px; width: 128px;
line-height: 36px; line-height: 36px;
text-align: center; text-align: center;
...@@ -182,35 +130,4 @@ export default { ...@@ -182,35 +130,4 @@ export default {
} }
} }
} }
.video-box {
width: 100%;
display: flex;
// padding-top: 30px;
.text-cont {
width: 478px;
font-size: 14px;
color: #000000;
line-height: 30px;
}
.videos {
margin-left: auto;
}
}
.list-fc {
li {
cursor: pointer;
width: 673px;
line-height: 82px;
border-bottom: 1px solid #ccc;
font-size: 16px;
font-weight: bold;
color: #222222;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
.child-tab {
width: 100%;
}
</style> </style>
...@@ -15,32 +15,32 @@ ...@@ -15,32 +15,32 @@
<div class="swiper-button-next" slot="button-next" @click="next"></div> <div class="swiper-button-next" slot="button-next" @click="next"></div>
</swiper> </swiper>
<ul class="nav"> <ul class="nav">
<li @click="goPreview('https://zws-imgs-pub.ezijing.com/static/public/2ea3597585c94bef07291efce4fe24f6.pdf')"> <li @click="goPage('/my', 2)">
<div class="icon"> <div class="icon">
<img src="../../assets/img/lang/banner-i2.png" alt="" /> <img src="../../assets/img/lang/banner-i2.png" alt="" />
</div> </div>
<div class="txt">证书报名</div> <div class="txt">证书报名</div>
</li> </li>
<li @click="goPage('/my')"> <li @click="goPage('no')">
<div class="icon"> <div class="icon">
<img src="../../assets/img/lang/banner-i1.png" alt="" /> <img src="../../assets/img/lang/banner-i1.png" alt="" />
</div> </div>
<div class="txt">课程学习</div> <div class="txt">课程学习</div>
<div class="block"></div> <div class="block"></div>
</li> </li>
<li @click="goPage('/project')"> <li @click="goPage('no')">
<div class="icon"> <div class="icon">
<img src="../../assets/img/lang/banner-i3.png" alt="" /> <img src="../../assets/img/lang/banner-i3.png" alt="" />
</div> </div>
<div class="txt">证书考试</div> <div class="txt">证书考试</div>
</li> </li>
<li @click="goPage('/recruit', 2)"> <li @click="goPage('no')">
<div class="icon"> <div class="icon">
<img src="../../assets/img/lang/banner-i5.png" alt="" /> <img src="../../assets/img/lang/banner-i5.png" alt="" />
</div> </div>
<div class="txt">证书查询</div> <div class="txt">证书查询</div>
</li> </li>
<li @click="goPage('/recruit')"> <li @click="goPage('no')">
<div class="icon"> <div class="icon">
<img src="../../assets/img/lang/banner-i4.png" alt="" /> <img src="../../assets/img/lang/banner-i4.png" alt="" />
</div> </div>
...@@ -197,18 +197,23 @@ export default { ...@@ -197,18 +197,23 @@ export default {
this.$message('功能暂未开放') this.$message('功能暂未开放')
}, },
goPage(path, type) { goPage(path, type) {
if (type === 2) { if (path === 'no') {
this.$router.push({ this.$message('暂未开放')
path: path,
query: {
type: 2
}
})
} else { } else {
this.$router.push({ if (type === 2) {
path: path this.$router.push({
}) path: path,
query: {
type: 2
}
})
} else {
this.$router.push({
path: path
})
}
} }
}, },
goPreview(url) { goPreview(url) {
window.open(url) window.open(url)
......
...@@ -44,23 +44,23 @@ export default { ...@@ -44,23 +44,23 @@ export default {
if (n === 1) { if (n === 1) {
requestType = [ requestType = [
{ {
name: '紫荆教育', name: '中国银保报',
image: 'https://zws-imgs-pub.ezijing.com/static/public/f62705e4cad2efda7a3c79a3125ff344.png' image: 'https://zws-imgs-pub.ezijing.com/static/public/348991bc6550b8f3241282d1c988ea93.png'
}, },
{ {
name: '索菲亚大学', name: '紫荆教育',
image: 'https://zws-imgs-pub.ezijing.com/static/public/9a49ef7992a20616d4d2b7b30d387f9c.png' image: 'https://zws-imgs-pub.ezijing.com/static/public/348991bc6550b8f3241282d1c988ea93.png'
}, },
{ {
name: '联合办学背景', name: '联合出品',
image: 'https://zws-imgs-pub.ezijing.com/static/public/9a49ef7992a20616d4d2b7b30d387f9c.png' image: 'https://zws-imgs-pub.ezijing.com/static/public/348991bc6550b8f3241282d1c988ea93.png'
} }
] ]
} else { } else {
requestType = [ requestType = [
{ {
name: '项目特色', name: '项目特色',
image: 'https://zws-imgs-pub.ezijing.com/static/build/learn-mba/resources/m1-c1-img1.fc81eacb.png' image: 'https://zws-imgs-pub.ezijing.com/static/public/348991bc6550b8f3241282d1c988ea93.png'
} }
] ]
} }
...@@ -113,14 +113,14 @@ export default { ...@@ -113,14 +113,14 @@ export default {
li{ li{
width: 128px; width: 128px;
height: 36px; height: 36px;
background: #BF0927; background: rgba(76, 129, 196, 1);
margin-right: 2px; margin-right: 2px;
font-size: 16px; font-size: 16px;
line-height: 36px; line-height: 36px;
text-align: center; text-align: center;
color: #fff; color: #fff;
&.active{ &.active{
color: #BF0927; color: rgba(76, 129, 196, 1);
background: #fff; background: #fff;
} }
} }
...@@ -341,7 +341,7 @@ export default { ...@@ -341,7 +341,7 @@ export default {
} }
&:hover{ &:hover{
height: 143px; height: 143px;
background: #D83C56; background: rgba(76, 129, 196, 1);
.dis-b{ .dis-b{
display: none; display: none;
} }
...@@ -356,13 +356,13 @@ export default { ...@@ -356,13 +356,13 @@ export default {
.d{ .d{
width: 8px; width: 8px;
height: 8px; height: 8px;
background: #BF0927; background: rgba(76, 129, 196, 1);
margin-left: 30px; margin-left: 30px;
border-radius: 50%; border-radius: 50%;
} }
.txt{ .txt{
font-size: 18px; font-size: 18px;
color: #BF0927; color: rgba(76, 129, 196, 1);
line-height: 25px; line-height: 25px;
margin-left: 10px; margin-left: 10px;
} }
......
...@@ -32,16 +32,12 @@ export default { ...@@ -32,16 +32,12 @@ export default {
getData() { getData() {
const requestType = [ const requestType = [
{ {
name: '申请条件', name: '培育对象',
image: 'https://zws-imgs-pub.ezijing.com/static/public/7f972b57efd8b5783a286ff219111679.png' image: 'https://zws-imgs-pub.ezijing.com/static/public/8f8ca631d86de4a189b8c111ea2af08a.png'
}, },
{ {
name: '申请流程', name: '学习路径',
image: 'https://zws-imgs-pub.ezijing.com/static/public/7f972b57efd8b5783a286ff219111679.png' image: 'https://zws-imgs-pub.ezijing.com/static/public/8f8ca631d86de4a189b8c111ea2af08a.png'
},
{
name: '常见问题',
image: 'https://zws-imgs-pub.ezijing.com/static/public/7f972b57efd8b5783a286ff219111679.png'
} }
] ]
requestType.map((item, index) => { requestType.map((item, index) => {
...@@ -113,7 +109,7 @@ export default { ...@@ -113,7 +109,7 @@ export default {
.apply-btn{ .apply-btn{
width: 248px; width: 248px;
height: 48px; height: 48px;
background: #BF0927; background: rgba(76, 129, 196, 1);
border-radius: 8px; border-radius: 8px;
display: flex; display: flex;
align-items: center; align-items: center;
......
...@@ -44,12 +44,12 @@ export default { ...@@ -44,12 +44,12 @@ export default {
getData() { getData() {
const requestType = [ const requestType = [
{ {
name: '学费', name: '课程费用',
image: 'https://zws-imgs-pub.ezijing.com/static/public/7f972b57efd8b5783a286ff219111679.png' image: 'https://zws-imgs-pub.ezijing.com/static/public/8f8ca631d86de4a189b8c111ea2af08a.png'
}, },
{ {
name: '贷款', name: '学员权益',
image: 'https://zws-imgs-pub.ezijing.com/static/public/7f972b57efd8b5783a286ff219111679.png' image: 'https://zws-imgs-pub.ezijing.com/static/public/8f8ca631d86de4a189b8c111ea2af08a.png'
} }
] ]
requestType.map((item, index) => { requestType.map((item, index) => {
...@@ -119,7 +119,7 @@ export default { ...@@ -119,7 +119,7 @@ export default {
.apply-btn{ .apply-btn{
width: 248px; width: 248px;
height: 48px; height: 48px;
background: #BF0927; background: rgba(76, 129, 196, 1);
border-radius: 8px; border-radius: 8px;
display: flex; display: flex;
align-items: center; align-items: center;
......
...@@ -22,7 +22,7 @@ export default { ...@@ -22,7 +22,7 @@ export default {
data() { data() {
return { return {
bannerTabData: { bannerTabData: {
menu: ['有关申请', '费用与资助'], menu: ['申请路径', '学费与权益'],
imgUrl: 'https://zws-imgs-pub.ezijing.com/static/public/d94d3b94c95674ebc6d1932b3322cb14.png' imgUrl: 'https://zws-imgs-pub.ezijing.com/static/public/d94d3b94c95674ebc6d1932b3322cb14.png'
}, },
activeIndex: 0, activeIndex: 0,
...@@ -71,10 +71,10 @@ export default { ...@@ -71,10 +71,10 @@ export default {
font-size: 16px; font-size: 16px;
margin-right: 2px; margin-right: 2px;
cursor: pointer; cursor: pointer;
background: #BF0927; background: rgba(76, 129, 196, 1);
&.active{ &.active{
background: #fff; background: #fff;
color: #C70025; color: rgba(76, 129, 196, 1);
} }
} }
} }
......
...@@ -22,7 +22,15 @@ export default { ...@@ -22,7 +22,15 @@ export default {
getData() { getData() {
const requestType = [ const requestType = [
{ {
name: '课程设置', name: '先导课',
image: 'https://zws-imgs-pub.ezijing.com/static/build/learn-mba/resources/m2-r-img.b002ecd2.png'
},
{
name: '核心课',
image: 'https://zws-imgs-pub.ezijing.com/static/build/learn-mba/resources/m2-r-img.b002ecd2.png'
},
{
name: '选修课',
image: 'https://zws-imgs-pub.ezijing.com/static/build/learn-mba/resources/m2-r-img.b002ecd2.png' image: 'https://zws-imgs-pub.ezijing.com/static/build/learn-mba/resources/m2-r-img.b002ecd2.png'
} }
] ]
......
...@@ -37,7 +37,7 @@ export default { ...@@ -37,7 +37,7 @@ export default {
data() { data() {
return { return {
bannerTabData: { bannerTabData: {
menu: ['课程设置', '师资力量'], menu: ['课程体系', '教学团队'],
imgUrl: 'https://zws-imgs-pub.ezijing.com/static/public/03036d9b2460f3b182c929e4b3af0eb2.png' imgUrl: 'https://zws-imgs-pub.ezijing.com/static/public/03036d9b2460f3b182c929e4b3af0eb2.png'
}, },
activeIndex: 0, activeIndex: 0,
...@@ -66,14 +66,9 @@ export default { ...@@ -66,14 +66,9 @@ export default {
}, },
getData() { getData() {
const requestType = [ const requestType = [
{
type: 56,
name: '美方师资',
image: 'https://zws-imgs-pub.ezijing.com/static/build/learn-mba/resources/m2-r-img.b002ecd2.png'
},
{ {
type: 57, type: 57,
name: '中方师资', name: '师资展示',
image: 'https://zws-imgs-pub.ezijing.com/static/build/learn-mba/resources/m2-r-img.b002ecd2.png' image: 'https://zws-imgs-pub.ezijing.com/static/build/learn-mba/resources/m2-r-img.b002ecd2.png'
} }
] ]
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论