提交 77f68260 authored 作者: matian's avatar matian

页面优化

上级 270b0caa
......@@ -84,13 +84,13 @@ export default {
.tit {
font-size: 0.14rem;
font-weight: bold;
line-height: 34px;
line-height: 0.28rem;
color: #424242;
}
.img1 {
width: 100%;
height: 100%;
margin-top: 0.2rem;
margin-top: 0.01rem;
}
}
.part {
......
......@@ -14,23 +14,25 @@
</div>
<div class="content-mod2" v-if="showIndex === 1">
<div class="content-txt">
<div class="p">
提交申请材料并通过审核后,进入到面试环节。通过清控紫荆教育中英文面试后将获得条件录取资格或候补资格
</div>
<div class="descList">
<div class="list_tit">报名材料</div>
<div class="list_desc" v-for="(item, index) in descList" :key="index">
{{ item.desc }}
<div class="con">
<div class="p">
提交申请材料并通过审核后,进入到面试环节。通过清控紫荆教育中英文面试后将获得条件录取资格或候补资格
</div>
</div>
<div class="admissionList">
<div class="list_tit">申请条件</div>
<div class="admission_desc">
<div class="admission_part">
<div class="part_tit"><div class="tit1">玛丽伍德大学 工商管理硕士</div></div>
<div class="part_desc">
<div class="item_desc">本科GPA成绩≥2.5;</div>
<div class="item_desc">托福成绩≥79</div>
<div class="descList">
<div class="list_tit">报名材料</div>
<div class="list_desc" v-for="(item, index) in descList" :key="index">
{{ item.desc }}
</div>
</div>
<div class="admissionList">
<div class="list_tit">申请条件</div>
<div class="admission_desc">
<div class="admission_part">
<div class="part_tit"><div class="tit1">玛丽伍德大学 工商管理硕士</div></div>
<div class="part_desc">
<div class="item_desc">本科GPA成绩≥2.5;</div>
<div class="item_desc">托福成绩≥79</div>
</div>
</div>
</div>
</div>
......@@ -257,15 +259,19 @@ export default {
}
.content-mian {
.content-mod1 {
padding: 0.34rem 0.32rem 0.4rem 0.34rem;
.content-txt {
background: #fff;
padding: 0.34rem 0 0.4rem 0.34rem;
box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.06);
.content_tit {
font-size: 0.12rem;
font-weight: 400;
line-height: 0.32rem;
color: #424242;
padding-left: 0.18rem;
padding-right: 0.18rem;
}
.tit {
font-size: 0.12rem;
......@@ -293,86 +299,93 @@ export default {
.content-mod2 {
margin-top: 0.18rem;
background: #fff;
padding: 0.34rem 0.32rem 0.4rem 0.34rem;
img {
width: 100%;
}
.content-txt {
background: #fff;
padding: 48px 65px 75px 51px;
.p {
font-size: 0.12rem;
font-weight: 400;
line-height: 0.24rem;
color: #424242;
}
}
.descList {
margin-top: 0.32rem;
.list_tit {
font-size: 0.13rem;
font-weight: 500;
line-height: 0.26rem;
color: #484848;
}
.list_desc {
font-size: 0.08rem;
font-weight: 300;
line-height: 0.3rem;
color: #424242;
box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.06);
.con {
padding: 0.34rem 0.18rem 0.34rem 0.18rem;
.p {
font-size: 0.12rem;
font-weight: 400;
line-height: 0.24rem;
color: #424242;
}
}
}
.admissionList {
margin-top: 0.47rem;
.list_tit {
font-size: 0.13rem;
font-weight: 500;
line-height: 0.26rem;
color: #666666;
.descList {
margin-top: 0.32rem;
.list_tit {
font-size: 0.13rem;
font-weight: 500;
line-height: 0.26rem;
color: #484848;
}
.list_desc {
font-size: 0.08rem;
font-weight: 300;
line-height: 0.3rem;
color: #424242;
}
}
.admission_desc {
display: flex;
// justify-content: center;
align-items: center;
.admissionList {
margin-top: 0.47rem;
.list_tit {
font-size: 0.13rem;
font-weight: 500;
line-height: 0.26rem;
color: #666666;
}
.admission_desc {
display: flex;
// justify-content: center;
align-items: center;
.admission_part {
padding-right: 0.1rem;
.part_tit {
width: 2.69rem;
height: 0.75rem;
background: #880126;
box-shadow: 0px 0.01rem 0.25rem rgba(0, 0, 0, 0.06);
border-radius: 0.1rem 0.1rem 0px 0px;
text-align: center;
font-size: 0.12rem;
font-weight: 400;
color: #ffffff;
.tit1 {
padding-top: 0.29rem;
}
.tit2 {
padding-top: 0.17rem;
}
}
.part_desc {
width: 2.69rem;
.item_desc {
.admission_part {
padding-right: 0.1rem;
.part_tit {
width: 2.69rem;
height: 0.75rem;
background: #880126;
box-shadow: 0px 0.01rem 0.25rem rgba(0, 0, 0, 0.06);
border-radius: 0.1rem 0.1rem 0px 0px;
text-align: center;
font-size: 0.12rem;
font-weight: 400;
line-height: 0.24rem;
color: #333333;
text-align: center;
color: #ffffff;
.tit1 {
padding-top: 0.29rem;
}
.tit2 {
padding-top: 0.17rem;
}
}
.item_desc:nth-child(odd) {
background: #fff;
}
.item_desc:nth-child(even) {
background: #f5f5f5;
.part_desc {
width: 2.69rem;
.item_desc {
font-size: 0.12rem;
font-weight: 400;
line-height: 0.24rem;
color: #333333;
text-align: center;
}
.item_desc:nth-child(odd) {
background: #fff;
}
.item_desc:nth-child(even) {
background: #f5f5f5;
}
}
}
}
}
}
.graduate_list {
padding: 0.34rem 0.18rem 0.34rem 0.36rem;
.item_parts {
list-style-type: disc;
font-size: 0.14rem;
......
......@@ -91,7 +91,7 @@ export default {
top: 0;
left: 0;
width: 100%;
height: 0.16px;
height: 0.05rem;
background: #aa1941;
}
}
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论