dengjie commit : dire_data_tow.vue修改部分样式

This commit is contained in:
clay
2022-10-10 22:00:07 +08:00
parent 6967d8bd3e
commit f46f904f0b

View File

@@ -4,13 +4,16 @@
<!--正文内容--> <!--正文内容-->
<el-col class="context" :span="23"> <el-col class="context" :span="23">
<el-row class="context_el-row"> <el-row class="context_el-row">
<el-col :span="1" :offset="1"> <!-- <el-col :span="1" :offset="1">-->
<img class="context_img" src="@/assets/teaching_staff/eji_icon_ys.png" alt=""> <!-- <img class="context_img" src="@/assets/teaching_staff/eji_icon_ys.png" alt="">-->
</el-col> <!-- </el-col>-->
<el-col :span="4" class="context_name">{{ dire.name }}</el-col> <!-- <el-col :span="4" class="context_name">{{ dire.name }}</el-col>-->
<el-col :span="16"> <!-- <el-col :span="16">-->
<hr class="context_hr"> <!-- <hr class="context_hr">-->
</el-col> <!-- </el-col>-->
<img class="context_img" src="@/assets/teaching_staff/eji_icon_ys.png" alt="">
<div class="context_name">{{ dire.name }}</div>
<div class="context_hr"></div>
</el-row> </el-row>
<el-row> <el-row>
<el-col :offset="1" :span="22"> <el-col :offset="1" :span="22">
@@ -65,33 +68,60 @@ export default {
.context { .context {
margin: 2rem 2rem; margin: 2rem 2rem;
padding-bottom: 3rem;
width: 92%;
background: #FFFFFF;
//padding-bottom: 3rem; //padding-bottom: 3rem;
//width: 84.3rem; //width: 84.3rem;
//background: #FFFFFF; //background: #FFFFFF;
.context_el-row { .context_el-row {
display: flex;
margin-top: 2rem; margin-top: 2rem;
.context_img { .context_img {
width: 2.2rem; width: 2.2rem;
margin-left: 3%;
} }
.context_name { .context_name {
font-size: 1.8rem; font-size: 1.8rem;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500; font-weight: 500;
color: #1956BC; color: #1956BC;
line-height: 2.2rem; padding: 0 20px;
white-space:nowrap;
} }
.context_hr { .context_hr {
line-height: 2.2rem;
margin-top: 1.1rem; margin-top: 1.1rem;
border: #1956BC solid 0.1rem;
background-color: #1956BC; background-color: #1956BC;
width: 100%;
height: 2px;
} }
} }
//.context_el-row {
// margin-top: 2rem;
//
// .context_img {
// width: 2.2rem;
// }
//
// .context_name {
// font-size: 1.8rem;
// font-family: PingFangSC-Medium, PingFang SC;
// font-weight: 500;
// color: #1956BC;
// line-height: 2.2rem;
// }
//
// .context_hr {
// line-height: 2.2rem;
// margin-top: 1.1rem;
// border: #1956BC solid 0.1rem;
// background-color: #1956BC;
// }
//}
.name { .name {
margin-top: 2rem; margin-top: 2rem;
font-size: 1.6rem; font-size: 1.6rem;