溢出隐藏

This commit is contained in:
clay
2022-01-03 19:02:14 +08:00
parent c6f6f55069
commit ba8e6c1601
8 changed files with 52 additions and 28 deletions

View File

@@ -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; //显示的行
}
}

View File

@@ -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%;
}

View File

@@ -187,6 +187,9 @@ export default {
margin: 1rem auto;
width: 80%;
height: 4rem;
display:-webkit-box; //作为弹性伸缩盒子模型显示。
-webkit-box-orient:vertical; //设置伸缩盒子的子元素排列方式--从上到下垂直排列
-webkit-line-clamp:3; //显示的行
}
}
}

View File

@@ -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; //显示的行
}
}

View File

@@ -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 {

View File

@@ -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; //显示的行
}
}

View File

@@ -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 {

View File

@@ -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>