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

页面优化

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