将文本限制为最多显示三行

This commit is contained in:
WindowBird 2025-08-29 09:16:06 +08:00
parent ab8dbe8981
commit 3dec91aacd

View File

@ -366,7 +366,6 @@ export default {
}
.value {
width: 188rpx;
height: 50rpx;
font-family: AlibabaPuHuiTi, AlibabaPuHuiTi;
font-weight: 400;
@ -433,7 +432,7 @@ export default {
.line {
margin-left: 8rpx;
width: 0;
height: 189rpx;
height: 100%;
border: 2rpx #d8d8d8 dashed;
}
}
@ -470,7 +469,9 @@ export default {
rich-text {
width: 368rpx;
height: 114rpx;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
font-family: AlibabaPuHuiTi, AlibabaPuHuiTi;
font-weight: 400;
font-size: 24rpx;
@ -480,6 +481,9 @@ export default {
text-align: left;
font-style: normal;
text-transform: none;
max-height: 114rpx; /* 3行 × 1.5行高 */
overflow: hidden;
text-overflow: ellipsis;
}
}