WindowBird/buddhism
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
WindowBird 2025-08-29 09:16:06 +08:00
parent ab8dbe8981
commit 3dec91aacd
1 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
pages/future/future.vue
View File

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