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

修改样式

上级 2d71dd9a
......@@ -6,7 +6,7 @@ export default class ScoreAPI extends BaseAPI {
*/
getContent = name =>
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',
Host: 'zws-api.ezijing.com'
......
......@@ -7,7 +7,7 @@ export default class ScoreAPI extends BaseAPI {
*/
getContent = name =>
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>
<div id="app">
<router-view />
<img
@click="openService"
class="service" src="https://zws-imgs-pub.ezijing.com/4ea9db80581687a358d2e5fae9a631e0.png"
alt="">
</div>
</template>
<script>
export default {
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>
......
......@@ -3,7 +3,11 @@
<div class="app-footer-main">
<div class="inner">
<div class="left">
<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">
<li v-for="item in menuList" :key="item.href">
<a :href="item.href" target="_blank">{{ item.title }}</a>
......@@ -75,8 +79,24 @@ export default {
</script>
<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{
width: 156px;
width: 141px;
}
.app-footer {
.inner {
......
......@@ -80,10 +80,10 @@ export default {
font-size: 16px;
margin-right: 2px;
cursor: pointer;
background: #BF0927;
background: rgba(76, 129, 196, 1);
&.active{
background: #fff;
color: #C70025;
color: rgba(76, 129, 196, 1);
}
}
}
......
......@@ -55,7 +55,7 @@ export default {
&.active{
border: 1px solid #979797;
border-bottom: none;
border-top: 2px solid #BF0927;
border-top: 2px solid rgba(76, 129, 196, 1);
&::after{
content: '';
width: 100%;
......
<template>
<div>
<banner-tab :data="bannerTabData" @changeTab="changeTab"></banner-tab>
<div class="cont-mian center97">
<div class="module" v-if="activeIndex == 0">
<div class="left-txt" v-html="content"></div>
<img src="https://zws-imgs-pub.ezijing.com/static/public/3128bdbea80c04f1cbe1d3d5c600f2c5.png" alt="" class="exh" />
</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="pre-mian center97">
<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" />
<list :data="listData[0]" v-if="activeIndex == 0"></list>
<list :data="listData[1]" v-if="activeIndex == 1"></list>
</div>
<img src="https://zws-imgs-pub.ezijing.com/static/public/d334785b4f68e4a72d8165b3a3e83f07.png" alt="" />
</div>
</div>
</template>
......@@ -48,88 +22,63 @@ export default {
data() {
return {
bannerTabData: {
menu: ['校友会', '校友活动', '校友风采'],
imgUrl: 'https://zws-imgs-pub.ezijing.com/static/public/0390956f08b4f3f080171397f2238a12.png'
menu: ['教授观点'],
imgUrl: 'https://zws-imgs-pub.ezijing.com/static/public/b61c3355f53391b163a388d18d18aa62.png'
},
activeIndex: 0,
tabMenu: ['好书推荐', '校友手册', '校友卡申领', '终身邮箱'],
content: '',
requestParam: {
page: 1,
per_page: 100,
type: 59,
type: 20,
project_id: 5003
},
M1listData: [],
M2listData: []
listData: {
0: [],
1: []
},
}
},
mounted() {
this.getData()
this.getM1List()
this.getM2List()
this.request(0)
},
methods: {
changeTab(index) {
this.activeIndex = index
},
changeChildTab(index) {
// this.tabShowItem = index
},
getData() {
cAction.reportAction
.getContent('校友会')
.then(json => {
if (json !== null) {
this.content = json[0].content
const key = {
0: 20
// 1: 54
}
})
.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(() => {})
this.requestParam.type = key[index]
this.request(index)
this.activeIndex = index
},
getM2List() {
this.requestParam.type = 60
request(n) {
cAction.reportAction
.getNews(this.requestParam)
.then(json => {
this.M2listData = json
if (Array.isArray(json)) {
json.length && (this.listData[n] = json)
console.log(this.listData)
}
})
.catch(e => {
this.$message.error(e.message)
})
.finally(() => {})
},
goPage(url) {
window.open(url)
}
}
}
</script>
<style lang="scss" scoped>
.list-box {
// padding-top: 40px;
margin-top: 40px;
::v-deep {
ul {
&:nth-child(1) {
padding-top: 40px;
border-top: 1px solid #ccc !important;
}
}
width: 700px;
}
.pre-mian {
padding: 30px 0 60px;
display: flex;
img {
width: 235px;
height: 300px;
margin-left: auto;
}
}
.cont-mian {
......@@ -140,7 +89,7 @@ export default {
.left-txt {
width: 670px;
}
.exh {
img {
margin-left: auto;
// display: block;
width: 235px;
......@@ -166,7 +115,6 @@ export default {
left: 0;
display: flex;
li {
cursor: pointer;
width: 128px;
line-height: 36px;
text-align: center;
......@@ -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>
......@@ -15,32 +15,32 @@
<div class="swiper-button-next" slot="button-next" @click="next"></div>
</swiper>
<ul class="nav">
<li @click="goPreview('https://zws-imgs-pub.ezijing.com/static/public/2ea3597585c94bef07291efce4fe24f6.pdf')">
<li @click="goPage('/my', 2)">
<div class="icon">
<img src="../../assets/img/lang/banner-i2.png" alt="" />
</div>
<div class="txt">证书报名</div>
</li>
<li @click="goPage('/my')">
<li @click="goPage('no')">
<div class="icon">
<img src="../../assets/img/lang/banner-i1.png" alt="" />
</div>
<div class="txt">课程学习</div>
<div class="block"></div>
</li>
<li @click="goPage('/project')">
<li @click="goPage('no')">
<div class="icon">
<img src="../../assets/img/lang/banner-i3.png" alt="" />
</div>
<div class="txt">证书考试</div>
</li>
<li @click="goPage('/recruit', 2)">
<li @click="goPage('no')">
<div class="icon">
<img src="../../assets/img/lang/banner-i5.png" alt="" />
</div>
<div class="txt">证书查询</div>
</li>
<li @click="goPage('/recruit')">
<li @click="goPage('no')">
<div class="icon">
<img src="../../assets/img/lang/banner-i4.png" alt="" />
</div>
......@@ -197,6 +197,9 @@ export default {
this.$message('功能暂未开放')
},
goPage(path, type) {
if (path === 'no') {
this.$message('暂未开放')
} else {
if (type === 2) {
this.$router.push({
path: path,
......@@ -209,6 +212,8 @@ export default {
path: path
})
}
}
},
goPreview(url) {
window.open(url)
......
......@@ -44,23 +44,23 @@ export default {
if (n === 1) {
requestType = [
{
name: '紫荆教育',
image: 'https://zws-imgs-pub.ezijing.com/static/public/f62705e4cad2efda7a3c79a3125ff344.png'
name: '中国银保报',
image: 'https://zws-imgs-pub.ezijing.com/static/public/348991bc6550b8f3241282d1c988ea93.png'
},
{
name: '索菲亚大学',
image: 'https://zws-imgs-pub.ezijing.com/static/public/9a49ef7992a20616d4d2b7b30d387f9c.png'
name: '紫荆教育',
image: 'https://zws-imgs-pub.ezijing.com/static/public/348991bc6550b8f3241282d1c988ea93.png'
},
{
name: '联合办学背景',
image: 'https://zws-imgs-pub.ezijing.com/static/public/9a49ef7992a20616d4d2b7b30d387f9c.png'
name: '联合出品',
image: 'https://zws-imgs-pub.ezijing.com/static/public/348991bc6550b8f3241282d1c988ea93.png'
}
]
} else {
requestType = [
{
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 {
li{
width: 128px;
height: 36px;
background: #BF0927;
background: rgba(76, 129, 196, 1);
margin-right: 2px;
font-size: 16px;
line-height: 36px;
text-align: center;
color: #fff;
&.active{
color: #BF0927;
color: rgba(76, 129, 196, 1);
background: #fff;
}
}
......@@ -341,7 +341,7 @@ export default {
}
&:hover{
height: 143px;
background: #D83C56;
background: rgba(76, 129, 196, 1);
.dis-b{
display: none;
}
......@@ -356,13 +356,13 @@ export default {
.d{
width: 8px;
height: 8px;
background: #BF0927;
background: rgba(76, 129, 196, 1);
margin-left: 30px;
border-radius: 50%;
}
.txt{
font-size: 18px;
color: #BF0927;
color: rgba(76, 129, 196, 1);
line-height: 25px;
margin-left: 10px;
}
......
......@@ -32,16 +32,12 @@ export default {
getData() {
const requestType = [
{
name: '申请条件',
image: 'https://zws-imgs-pub.ezijing.com/static/public/7f972b57efd8b5783a286ff219111679.png'
name: '培育对象',
image: 'https://zws-imgs-pub.ezijing.com/static/public/8f8ca631d86de4a189b8c111ea2af08a.png'
},
{
name: '申请流程',
image: 'https://zws-imgs-pub.ezijing.com/static/public/7f972b57efd8b5783a286ff219111679.png'
},
{
name: '常见问题',
image: 'https://zws-imgs-pub.ezijing.com/static/public/7f972b57efd8b5783a286ff219111679.png'
name: '学习路径',
image: 'https://zws-imgs-pub.ezijing.com/static/public/8f8ca631d86de4a189b8c111ea2af08a.png'
}
]
requestType.map((item, index) => {
......@@ -113,7 +109,7 @@ export default {
.apply-btn{
width: 248px;
height: 48px;
background: #BF0927;
background: rgba(76, 129, 196, 1);
border-radius: 8px;
display: flex;
align-items: center;
......
......@@ -44,12 +44,12 @@ export default {
getData() {
const requestType = [
{
name: '学费',
image: 'https://zws-imgs-pub.ezijing.com/static/public/7f972b57efd8b5783a286ff219111679.png'
name: '课程费用',
image: 'https://zws-imgs-pub.ezijing.com/static/public/8f8ca631d86de4a189b8c111ea2af08a.png'
},
{
name: '贷款',
image: 'https://zws-imgs-pub.ezijing.com/static/public/7f972b57efd8b5783a286ff219111679.png'
name: '学员权益',
image: 'https://zws-imgs-pub.ezijing.com/static/public/8f8ca631d86de4a189b8c111ea2af08a.png'
}
]
requestType.map((item, index) => {
......@@ -119,7 +119,7 @@ export default {
.apply-btn{
width: 248px;
height: 48px;
background: #BF0927;
background: rgba(76, 129, 196, 1);
border-radius: 8px;
display: flex;
align-items: center;
......
......@@ -22,7 +22,7 @@ export default {
data() {
return {
bannerTabData: {
menu: ['有关申请', '费用与资助'],
menu: ['申请路径', '学费与权益'],
imgUrl: 'https://zws-imgs-pub.ezijing.com/static/public/d94d3b94c95674ebc6d1932b3322cb14.png'
},
activeIndex: 0,
......@@ -71,10 +71,10 @@ export default {
font-size: 16px;
margin-right: 2px;
cursor: pointer;
background: #BF0927;
background: rgba(76, 129, 196, 1);
&.active{
background: #fff;
color: #C70025;
color: rgba(76, 129, 196, 1);
}
}
}
......
......@@ -22,7 +22,15 @@ export default {
getData() {
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'
}
]
......
......@@ -37,7 +37,7 @@ export default {
data() {
return {
bannerTabData: {
menu: ['课程设置', '师资力量'],
menu: ['课程体系', '教学团队'],
imgUrl: 'https://zws-imgs-pub.ezijing.com/static/public/03036d9b2460f3b182c929e4b3af0eb2.png'
},
activeIndex: 0,
......@@ -66,14 +66,9 @@ export default {
},
getData() {
const requestType = [
{
type: 56,
name: '美方师资',
image: 'https://zws-imgs-pub.ezijing.com/static/build/learn-mba/resources/m2-r-img.b002ecd2.png'
},
{
type: 57,
name: '中方师资',
name: '师资展示',
image: 'https://zws-imgs-pub.ezijing.com/static/build/learn-mba/resources/m2-r-img.b002ecd2.png'
}
]
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论