溢出隐藏
This commit is contained in:
@@ -50,15 +50,15 @@
|
||||
</div>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :xs="16" :sm="16" :md="14" :lg="12" :xl="12">
|
||||
<el-col :xs="16" :sm="16" :md="14" :lg="12" :xl="12" >
|
||||
<el-row>
|
||||
<el-col>
|
||||
<div class="tab">
|
||||
<el-breadcrumb separator-class="el-icon-arrow-right">
|
||||
<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
|
||||
<el-breadcrumb-item>教育教学</el-breadcrumb-item>
|
||||
<el-breadcrumb-item :to="{ path: '/' }">教学督导</el-breadcrumb-item>
|
||||
</el-breadcrumb>
|
||||
<router-link to="/">首页</router-link>
|
||||
<span> > </span>
|
||||
<router-link to="">教育教学</router-link>
|
||||
<span> > </span>
|
||||
<span style="color: #1956BC;font-size: 1.4rem">教学督导</span>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
@@ -303,7 +303,6 @@ export default {
|
||||
width: 13.5rem;
|
||||
height: 6rem;
|
||||
line-height: 6rem;
|
||||
|
||||
.lab_img {
|
||||
margin-top: .1rem;
|
||||
width: 1.05rem;
|
||||
@@ -311,7 +310,6 @@ export default {
|
||||
display: none;
|
||||
margin-left: 3rem;
|
||||
}
|
||||
|
||||
.lab_title {
|
||||
margin-left: 1.5rem;
|
||||
}
|
||||
@@ -344,7 +342,7 @@ export default {
|
||||
}
|
||||
|
||||
.tw_time {
|
||||
border-right: .2rem solid #D5D5D5;
|
||||
border-right: .1rem solid #D5D5D5;
|
||||
height: 10rem;
|
||||
width: 10rem;
|
||||
color: #1956BC;
|
||||
@@ -369,7 +367,11 @@ export default {
|
||||
font-family: PingFangSC-Medium, PingFang SC;
|
||||
color: #161616;
|
||||
|
||||
|
||||
.tw_context_title {
|
||||
overflow:hidden; //超出的文本隐藏
|
||||
text-overflow:ellipsis; //溢出用省略号显示
|
||||
white-space:nowrap; //溢出不换行
|
||||
font-size: 2rem;
|
||||
font-weight: 600;
|
||||
padding-right: 2rem;
|
||||
@@ -380,6 +382,11 @@ export default {
|
||||
margin-top: .8rem;
|
||||
font-size: 1.6rem;
|
||||
font-weight: 400;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display:-webkit-box; //作为弹性伸缩盒子模型显示。
|
||||
-webkit-box-orient:vertical; //设置伸缩盒子的子元素排列方式--从上到下垂直排列
|
||||
-webkit-line-clamp:3; //显示的行
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -81,12 +81,12 @@ export default {
|
||||
margin-top: 2rem;
|
||||
background-image: url('../../../assets/index/bottom/sy_bj4.png');
|
||||
//height: 66rem;
|
||||
padding-bottom: 4rem;
|
||||
|
||||
.table {
|
||||
margin: 4rem 0 0 0;
|
||||
width: 100%;
|
||||
|
||||
|
||||
tr {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@@ -187,6 +187,9 @@ export default {
|
||||
margin: 1rem auto;
|
||||
width: 80%;
|
||||
height: 4rem;
|
||||
display:-webkit-box; //作为弹性伸缩盒子模型显示。
|
||||
-webkit-box-orient:vertical; //设置伸缩盒子的子元素排列方式--从上到下垂直排列
|
||||
-webkit-line-clamp:3; //显示的行
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -223,6 +223,9 @@ export default {
|
||||
|
||||
.phe_context {
|
||||
.phe_context_title {
|
||||
overflow:hidden; //超出的文本隐藏
|
||||
text-overflow:ellipsis; //溢出用省略号显示
|
||||
white-space:nowrap; //溢出不换行
|
||||
cursor: pointer;
|
||||
font-size: 2rem;
|
||||
font-weight: 600;
|
||||
@@ -239,6 +242,9 @@ export default {
|
||||
font-size: 1.6rem;
|
||||
color: #565656;
|
||||
letter-spacing: 1px;
|
||||
display:-webkit-box; //作为弹性伸缩盒子模型显示。
|
||||
-webkit-box-orient:vertical; //设置伸缩盒子的子元素排列方式--从上到下垂直排列
|
||||
-webkit-line-clamp:3; //显示的行
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -352,6 +352,9 @@ export default {
|
||||
margin-left: 1rem;
|
||||
font-size: 1.8rem;
|
||||
font-weight: 500;
|
||||
overflow:hidden; //超出的文本隐藏
|
||||
text-overflow:ellipsis; //溢出用省略号显示
|
||||
white-space:nowrap; //溢出不换行
|
||||
}
|
||||
|
||||
.time {
|
||||
@@ -401,6 +404,9 @@ export default {
|
||||
margin-left: 1rem;
|
||||
font-size: 1.8rem;
|
||||
font-weight: 500;
|
||||
overflow:hidden; //超出的文本隐藏
|
||||
text-overflow:ellipsis; //溢出用省略号显示
|
||||
white-space:nowrap; //溢出不换行
|
||||
}
|
||||
|
||||
.time {
|
||||
|
||||
@@ -249,7 +249,7 @@ export default {
|
||||
margin-top: 4rem;
|
||||
|
||||
.tw_time {
|
||||
border-right: .2rem solid #D5D5D5;
|
||||
border-right: .1rem solid #D5D5D5;
|
||||
height: 10rem;
|
||||
width: 10rem;
|
||||
color: #1956BC;
|
||||
@@ -275,6 +275,9 @@ export default {
|
||||
color: #161616;
|
||||
|
||||
.tw_context_title {
|
||||
overflow:hidden; //超出的文本隐藏
|
||||
text-overflow:ellipsis; //溢出用省略号显示
|
||||
white-space:nowrap; //溢出不换行
|
||||
font-size: 2rem;
|
||||
font-weight: 600;
|
||||
padding-right: 2rem;
|
||||
@@ -285,6 +288,11 @@ export default {
|
||||
margin-top: .8rem;
|
||||
font-size: 1.6rem;
|
||||
font-weight: 400;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display:-webkit-box; //作为弹性伸缩盒子模型显示。
|
||||
-webkit-box-orient:vertical; //设置伸缩盒子的子元素排列方式--从上到下垂直排列
|
||||
-webkit-line-clamp:3; //显示的行
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -63,12 +63,11 @@
|
||||
<el-row>
|
||||
<el-col>
|
||||
<div class="tab">
|
||||
|
||||
<el-breadcrumb separator-class="el-icon-arrow-right">
|
||||
<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
|
||||
<el-breadcrumb-item>学院概况</el-breadcrumb-item>
|
||||
<el-breadcrumb-item :to="{ path: '/' }">学院简介</el-breadcrumb-item>
|
||||
</el-breadcrumb>
|
||||
<router-link to="/">首页</router-link>
|
||||
<span> > </span>
|
||||
<router-link to="">学院概况</router-link>
|
||||
<span> > </span>
|
||||
<span style="color: #1956BC;font-size: 1.4rem">学院简介</span>
|
||||
</div>
|
||||
<div class="context">
|
||||
<div class="title">学院简介</div>
|
||||
@@ -254,12 +253,7 @@ export default {
|
||||
margin-left: 1.9rem;
|
||||
margin-top: 1.5rem;
|
||||
font-weight: 400;
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
font-size: 1.4rem !important;
|
||||
color: #3C3C3C;
|
||||
}
|
||||
font-size: 1.4rem !important;
|
||||
}
|
||||
|
||||
.context {
|
||||
|
||||
@@ -55,11 +55,11 @@
|
||||
<el-row>
|
||||
<el-col>
|
||||
<div class="tab">
|
||||
<el-breadcrumb separator-class="el-icon-arrow-right">
|
||||
<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
|
||||
<el-breadcrumb-item>师资队伍</el-breadcrumb-item>
|
||||
<el-breadcrumb-item :to="{ path: '/' }">教师名录</el-breadcrumb-item>
|
||||
</el-breadcrumb>
|
||||
<router-link to="/">首页</router-link>
|
||||
<span> > </span>
|
||||
<router-link to="">师资队伍</router-link>
|
||||
<span> > </span>
|
||||
<span style="color: #1956BC;font-size: 1.4rem">教师名录</span>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
Reference in New Issue
Block a user