提交 7a7b8730 authored 作者: 王鹏飞's avatar 王鹏飞

bug fixes

上级 df9f5998
...@@ -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/1014/contents/${encodeURIComponent(decodeURIComponent(name))}?sites=seg-ajsa.ezijing.com`, `zws/v1/cms/projects/1014/contents?sites=seg-ajsa.ezijing.com&tags=${name}`,
{} {}
) )
/** /**
......
...@@ -7,10 +7,10 @@ ...@@ -7,10 +7,10 @@
</ul> </ul>
</div> </div>
<div class="tap-item-box"> <div class="tap-item-box">
<div class="t-item2 con970"> <div class="t-item2 con970" v-show="showIndex === 1">
<news :data="newsData"></news> <news :data="newsData"></news>
</div> </div>
<div class="t-item2 con970" v-show="false"> <div class="t-item2 con970" v-show="showIndex === 2">
<news :data="newsData2"></news> <news :data="newsData2"></news>
</div> </div>
</div> </div>
...@@ -44,26 +44,30 @@ export default { ...@@ -44,26 +44,30 @@ export default {
if (n === 1) { if (n === 1) {
requestType = [ requestType = [
{ {
name: '预科简介', name: '本科-项目简介',
image: 'https://zws-imgs-pub.ezijing.com/static/public/b9045c3182307689d0371bece5b2bf3a.png' image: 'https://zws-imgs-pub.ezijing.com/static/public/b9045c3182307689d0371bece5b2bf3a.png'
}, },
{ {
name: '适用人群', name: '本科-适用人群',
image: 'https://zws-imgs-pub.ezijing.com/static/public/b9045c3182307689d0371bece5b2bf3a.png' image: 'https://zws-imgs-pub.ezijing.com/static/public/b9045c3182307689d0371bece5b2bf3a.png'
}, },
{ {
name: '上课地点', name: '本科-上课地点',
image: 'https://zws-imgs-pub.ezijing.com/static/public/b9045c3182307689d0371bece5b2bf3a.png' image: 'https://zws-imgs-pub.ezijing.com/static/public/b9045c3182307689d0371bece5b2bf3a.png'
} }
] ]
} else { } else {
requestType = [ requestType = [
{ {
name: '预科课程', name: '硕士-项目简介',
image: 'https://zws-imgs-pub.ezijing.com/static/public/b9045c3182307689d0371bece5b2bf3a.png' image: 'https://zws-imgs-pub.ezijing.com/static/public/b9045c3182307689d0371bece5b2bf3a.png'
}, },
{ {
name: '课程内容', name: '硕士-适用人群',
image: 'https://zws-imgs-pub.ezijing.com/static/public/b9045c3182307689d0371bece5b2bf3a.png'
},
{
name: '硕士-上课地点',
image: 'https://zws-imgs-pub.ezijing.com/static/public/b9045c3182307689d0371bece5b2bf3a.png' image: 'https://zws-imgs-pub.ezijing.com/static/public/b9045c3182307689d0371bece5b2bf3a.png'
} }
] ]
...@@ -73,7 +77,9 @@ export default { ...@@ -73,7 +77,9 @@ export default {
}) })
}, },
request(item, index, n) { request(item, index, n) {
cAction.reportAction.getContent(item.name).then(json => { cAction.reportAction
.getContent(item.name)
.then(json => {
if (n === 1) { if (n === 1) {
this.newsData.push({ this.newsData.push({
id: index, id: index,
...@@ -91,82 +97,86 @@ export default { ...@@ -91,82 +97,86 @@ export default {
}) })
this.newsData2 = this.newsData2.sort((a, b) => a.id - b.id) this.newsData2 = this.newsData2.sort((a, b) => a.id - b.id)
} }
}).catch(e => { this.$message.error(e.message) }).finally(() => {}) })
.catch(e => {
this.$message.error(e.message)
})
.finally(() => {})
} }
} }
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.con970{ .con970 {
width: 970px; width: 970px;
margin: 0 auto; margin: 0 auto;
} }
.modul1{ .modul1 {
position: relative; position: relative;
width: 100%; width: 100%;
height: 190px; height: 190px;
background: url(https://zws-imgs-pub.ezijing.com/static/public/e5edeacd362ce7876f52c799f7e1a98d.png) center; background: url(https://zws-imgs-pub.ezijing.com/static/public/e5edeacd362ce7876f52c799f7e1a98d.png) center;
background-size: cover; background-size: cover;
.tap-btn{ .tap-btn {
width: 970px; width: 970px;
position: absolute; position: absolute;
bottom: 0; bottom: 0;
left: 50%; left: 50%;
-webkit-transform: translateX(-50%); -webkit-transform: translateX(-50%);
display: flex; display: flex;
li{ li {
width: 128px; width: 128px;
height: 36px; height: 36px;
background: #BF0927; background: #bf0927;
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: #bf0927;
background: #fff; background: #fff;
} }
} }
} }
} }
.tap-item-box{ .tap-item-box {
.t-item1{ .t-item1 {
li{ li {
border-bottom: 1px solid #CCCCCC; border-bottom: 1px solid #cccccc;
padding: 30px 0 40px; padding: 30px 0 40px;
display: flex; display: flex;
.info{ .info {
.img{ .img {
background: #F5F7F8; background: #f5f7f8;
padding: 21px; padding: 21px;
img{ img {
width: 178px; width: 178px;
height: 248px; height: 248px;
display: block; display: block;
} }
} }
p{ p {
width: 100%; width: 100%;
color: #000; color: #000;
font-size: 14px; font-size: 14px;
line-height: 30px; line-height: 30px;
margin: 0; margin: 0;
text-align: center; text-align: center;
&.name{ &.name {
font-size: 24px; font-size: 24px;
font-weight: bold; font-weight: bold;
} }
} }
} }
.msg{ .msg {
margin-left: 30px; margin-left: 30px;
.title{ .title {
font-size: 23px; font-size: 23px;
color: #000; color: #000;
line-height: 32px; line-height: 32px;
} }
p{ p {
margin-top: 28px; margin-top: 28px;
line-height: 30px; line-height: 30px;
color: #000; color: #000;
...@@ -175,47 +185,47 @@ export default { ...@@ -175,47 +185,47 @@ export default {
} }
} }
} }
.new-items{ .new-items {
display: flex; display: flex;
} }
.child-tabs{ .child-tabs {
width: 670px; width: 670px;
margin-bottom: 40px; margin-bottom: 40px;
} }
.t-item2{ .t-item2 {
// display: flex; // display: flex;
padding: 60px 0; padding: 60px 0;
.article{ .article {
width: 670px; width: 670px;
.title{ .title {
line-height: 100%; line-height: 100%;
font-size: 23px; font-size: 23px;
font-weight: bold; font-weight: bold;
} }
.t2{ .t2 {
line-height: 25px; line-height: 25px;
font-size: 18px; font-size: 18px;
font-weight: bold; font-weight: bold;
margin-top: 5px; margin-top: 5px;
} }
.txt{ .txt {
padding-top: 30px; padding-top: 30px;
p{ p {
line-height: 30px; line-height: 30px;
font-size: 14px; font-size: 14px;
color: #000; color: #000;
// text-indent: 2em; // text-indent: 2em;
&.martop{ &.martop {
margin-top: 30px; margin-top: 30px;
} }
} }
} }
} }
.right-img{ .right-img {
position: relative; position: relative;
margin-left: auto; margin-left: auto;
} }
.photo{ .photo {
position: relative; position: relative;
z-index: 9; z-index: 9;
width: 235px; width: 235px;
...@@ -223,7 +233,7 @@ export default { ...@@ -223,7 +233,7 @@ export default {
display: flex; display: flex;
position: relative; position: relative;
} }
.line{ .line {
position: absolute; position: absolute;
top: 35px; top: 35px;
right: 35px; right: 35px;
...@@ -232,22 +242,22 @@ export default { ...@@ -232,22 +242,22 @@ export default {
border: 1px solid #979797; border: 1px solid #979797;
} }
} }
.t-item3{ .t-item3 {
padding-top: 60px; padding-top: 60px;
position: relative; position: relative;
.t1{ .t1 {
line-height: 32px; line-height: 32px;
font-size: 23px; font-size: 23px;
font-weight: bold; font-weight: bold;
} }
.t2{ .t2 {
margin-top: 5px; margin-top: 5px;
line-height: 25px; line-height: 25px;
font-size: 18px; font-size: 18px;
font-weight: bold; font-weight: bold;
padding-bottom: 30px; padding-bottom: 30px;
} }
.new-img{ .new-img {
width: 891px; width: 891px;
margin: 0 auto 60px auto; margin: 0 auto 60px auto;
display: block; display: block;
...@@ -256,49 +266,49 @@ export default { ...@@ -256,49 +266,49 @@ export default {
// left: 50%; // left: 50%;
// -webkit-transform: translateX(-50%); // -webkit-transform: translateX(-50%);
} }
ul{ ul {
li{ li {
padding: 40px 0; padding: 40px 0;
.con970{ .con970 {
overflow: hidden; overflow: hidden;
} }
img{ img {
display: block; display: block;
width: 140px; width: 140px;
height: 140px; height: 140px;
float: left; float: left;
} }
.wenb{ .wenb {
float: left; float: left;
width: 510px; width: 510px;
.title{ .title {
font-size: 18px; font-size: 18px;
font-weight: bold; font-weight: bold;
color: #262626; color: #262626;
line-height: 25px; line-height: 25px;
margin-bottom: 25px; margin-bottom: 25px;
} }
p{ p {
margin-bottom: 10px; margin-bottom: 10px;
font-size: 14px; font-size: 14px;
color: #2B2B2B; color: #2b2b2b;
line-height: 20px; line-height: 20px;
} }
} }
&.type-l{ &.type-l {
background: #F3F3F3; background: #f3f3f3;
img{ img {
margin-right: 60px; margin-right: 60px;
} }
} }
&.type-r{ &.type-r {
.con970{ .con970 {
justify-content: right; justify-content: right;
} }
img{ img {
float: right; float: right;
} }
.wenb{ .wenb {
text-align: right; text-align: right;
margin-right: 60px; margin-right: 60px;
float: right; float: right;
...@@ -308,65 +318,65 @@ export default { ...@@ -308,65 +318,65 @@ export default {
} }
} }
} }
.new-style{ .new-style {
padding-bottom: 60px; padding-bottom: 60px;
.top-cont{ .top-cont {
width: 970px; width: 970px;
margin: 0 auto; margin: 0 auto;
display: flex; display: flex;
.left{ .left {
width: 434px; width: 434px;
height: 496px; height: 496px;
background: url(https://zws-imgs-pub.ezijing.com/static/public/9ca050bb75b08a232433f570bcac652d.png); background: url(https://zws-imgs-pub.ezijing.com/static/public/9ca050bb75b08a232433f570bcac652d.png);
background-size: 100% 100%; background-size: 100% 100%;
.txt{ .txt {
font-size: 16px; font-size: 16px;
font-weight: bold; font-weight: bold;
color: #FFFFFF; color: #ffffff;
line-height: 29px; line-height: 29px;
width: 353px; width: 353px;
margin: 180px auto 0; margin: 180px auto 0;
text-indent: 2em; text-indent: 2em;
} }
} }
ul{ ul {
margin-left: auto; margin-left: auto;
li{ li {
transition: all .5s; transition: all 0.5s;
width: 464px; width: 464px;
height: 50px; height: 50px;
background: #F1F2F3; background: #f1f2f3;
padding: 0; padding: 0;
margin-bottom: 14px; margin-bottom: 14px;
&.br{ &.br {
&:hover{ &:hover {
height: 163px; height: 163px;
} }
} }
&:hover{ &:hover {
height: 143px; height: 143px;
background: #D83C56; background: #d83c56;
.dis-b{ .dis-b {
display: none; display: none;
} }
.dis-n{ .dis-n {
display: block; display: block;
} }
} }
.dis-b{ .dis-b {
display: flex; display: flex;
align-items: center; align-items: center;
height: 100%; height: 100%;
.d{ .d {
width: 8px; width: 8px;
height: 8px; height: 8px;
background: #BF0927; background: #bf0927;
margin-left: 30px; margin-left: 30px;
border-radius: 50%; border-radius: 50%;
} }
.txt{ .txt {
font-size: 18px; font-size: 18px;
color: #BF0927; color: #bf0927;
line-height: 25px; line-height: 25px;
margin-left: 10px; margin-left: 10px;
} }
...@@ -374,64 +384,64 @@ export default { ...@@ -374,64 +384,64 @@ export default {
} }
} }
} }
.dis-n{ .dis-n {
margin-left: 50px; margin-left: 50px;
display: none; display: none;
.title{ .title {
font-size: 24px; font-size: 24px;
font-weight: bold; font-weight: bold;
color: #FFFFFF; color: #ffffff;
line-height: 33px; line-height: 33px;
padding-top: 30px; padding-top: 30px;
margin-bottom: 36px; margin-bottom: 36px;
} }
.txt{ .txt {
font-size: 14px; font-size: 14px;
font-weight: bold; font-weight: bold;
color: #FFFFFF; color: #ffffff;
line-height: 20px; line-height: 20px;
} }
} }
} }
.content{ .content {
position: relative; position: relative;
width: 100%; width: 100%;
height: 350px; height: 350px;
background: url(https://zws-imgs-pub.ezijing.com/static/public/3ec70f7e95c722cc38d5b38749768b87.png); background: url(https://zws-imgs-pub.ezijing.com/static/public/3ec70f7e95c722cc38d5b38749768b87.png);
background-size: 100% 100%; background-size: 100% 100%;
.title{ .title {
font-size: 24px; font-size: 24px;
font-weight: bold; font-weight: bold;
color: #FFFFFF; color: #ffffff;
line-height: 33px; line-height: 33px;
padding-top: 60px; padding-top: 60px;
text-align: center; text-align: center;
} }
.p1{ .p1 {
text-align: center; text-align: center;
font-size: 14px; font-size: 14px;
font-weight: bold; font-weight: bold;
color: #FFFFFF; color: #ffffff;
line-height: 20px; line-height: 20px;
margin-top: 10px; margin-top: 10px;
} }
.box-cont{ .box-cont {
width: 1000px; width: 1000px;
height: 155px; height: 155px;
border: 1px solid rgba(216,60,86,.5); border: 1px solid rgba(216, 60, 86, 0.5);
// border: 1px solid #D83C56; // border: 1px solid #D83C56;
margin: 35px auto 0; margin: 35px auto 0;
position: relative; position: relative;
.le-tj{ .le-tj {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
width: 198px; width: 198px;
height: 155px; height: 155px;
background: rgba(255,255,255,.2); background: rgba(255, 255, 255, 0.2);
font-size: 18px; font-size: 18px;
font-weight: bold; font-weight: bold;
color: #FFFFFF; color: #ffffff;
line-height: 155px; line-height: 155px;
text-align: center; text-align: center;
} }
...@@ -450,22 +460,22 @@ export default { ...@@ -450,22 +460,22 @@ export default {
// } // }
// } // }
} }
.txt-box{ .txt-box {
position: absolute; position: absolute;
top: 30%; top: 30%;
left: 50%; left: 50%;
-webkit-transform: translateX(-50%); -webkit-transform: translateX(-50%);
padding-top: 33px; padding-top: 33px;
.pp1{ .pp1 {
font-size: 20px; font-size: 20px;
font-weight: bold; font-weight: bold;
color: #FFFFFF; color: #ffffff;
line-height: 20px; line-height: 20px;
margin-bottom: 30px; margin-bottom: 30px;
} }
} }
} }
.zs-cont{ .zs-cont {
padding-top: 60px; padding-top: 60px;
} }
</style> </style>
...@@ -32,15 +32,15 @@ export default { ...@@ -32,15 +32,15 @@ export default {
getData() { getData() {
const requestType = [ const requestType = [
{ {
name: '申请条件', name: '本科-申请条件',
image: 'https://zws-imgs-pub.ezijing.com/static/public/b9045c3182307689d0371bece5b2bf3a.png' image: 'https://zws-imgs-pub.ezijing.com/static/public/b9045c3182307689d0371bece5b2bf3a.png'
}, },
{ {
name: '申请流程', name: '本科-申请流程',
image: 'https://zws-imgs-pub.ezijing.com/static/public/b9045c3182307689d0371bece5b2bf3a.png' image: 'https://zws-imgs-pub.ezijing.com/static/public/b9045c3182307689d0371bece5b2bf3a.png'
}, },
{ {
name: '常见问题', name: '本科-常见问题',
image: 'https://zws-imgs-pub.ezijing.com/static/public/b9045c3182307689d0371bece5b2bf3a.png' image: 'https://zws-imgs-pub.ezijing.com/static/public/b9045c3182307689d0371bece5b2bf3a.png'
} }
] ]
......
...@@ -44,7 +44,15 @@ export default { ...@@ -44,7 +44,15 @@ export default {
getData() { getData() {
const requestType = [ const requestType = [
{ {
name: '学费', name: '硕士-申请条件',
image: 'https://zws-imgs-pub.ezijing.com/static/public/b9045c3182307689d0371bece5b2bf3a.png'
},
{
name: '硕士-申请流程',
image: 'https://zws-imgs-pub.ezijing.com/static/public/b9045c3182307689d0371bece5b2bf3a.png'
},
{
name: '硕士-常见问题',
image: 'https://zws-imgs-pub.ezijing.com/static/public/b9045c3182307689d0371bece5b2bf3a.png' image: 'https://zws-imgs-pub.ezijing.com/static/public/b9045c3182307689d0371bece5b2bf3a.png'
} }
] ]
......
...@@ -4,8 +4,8 @@ ...@@ -4,8 +4,8 @@
:data="bannerTabData" :data="bannerTabData"
@changeTab="changeTab" @changeTab="changeTab"
></banner-tab> ></banner-tab>
<apply :data="content"></apply> <apply v-show="activeIndex == 0" :data="content"></apply>
<support v-show="false" :data="content"></support> <support v-show="activeIndex == 1" :data="content"></support>
</div> </div>
</template> </template>
<script> <script>
......
...@@ -22,7 +22,11 @@ export default { ...@@ -22,7 +22,11 @@ export default {
getData() { getData() {
const requestType = [ const requestType = [
{ {
name: '预科课程设置', name: '本科1+2项目课程',
image: 'https://zws-imgs-pub.ezijing.com/static/public/b9045c3182307689d0371bece5b2bf3a.png'
},
{
name: '硕士直通车项目课程',
image: 'https://zws-imgs-pub.ezijing.com/static/public/b9045c3182307689d0371bece5b2bf3a.png' image: 'https://zws-imgs-pub.ezijing.com/static/public/b9045c3182307689d0371bece5b2bf3a.png'
} }
] ]
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论