|
|
@ -50,7 +50,7 @@ |
|
|
|
<div class="d-flex flex-1 flex-column"> |
|
|
|
<div class="item-title">{{ item.title }}</div> |
|
|
|
<div class="original"></div> |
|
|
|
<div class="item-content">{{ item.content }}</div> |
|
|
|
<div :class="i === 0 ? 'item-content1' : 'item-content'">{{ item.content }}</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
@ -155,4 +155,16 @@ export default { |
|
|
|
-webkit-line-clamp: 2; |
|
|
|
-webkit-box-orient: vertical; |
|
|
|
} |
|
|
|
|
|
|
|
.item-content1 { |
|
|
|
overflow: hidden; |
|
|
|
display: -webkit-box; |
|
|
|
margin-top: 8px; |
|
|
|
line-height: 28px; |
|
|
|
font-size: 12px; |
|
|
|
color: rgba(0, 0, 0, 0.45); |
|
|
|
font-family: Microsoft YaHei; |
|
|
|
-webkit-line-clamp: 1; |
|
|
|
-webkit-box-orient: vertical; |
|
|
|
} |
|
|
|
</style> |
|
|
|