话不多说，就想问各方大佬（包括官方大佬），在nvue页面中如下附件里面的效果如何实现：
我不会前端
- 发布：2022-06-02 16:30
- 更新：2024-01-29 22:15
- 阅读：2112
FullStack - 【插件开发】【专治疑难杂症】【ios上架、马甲包、白包、过审、已成功上架过几百个】【多款插件已上架：https://ext.dcloud.net.cn/publisher?id=22130】【非诚勿扰】QQ：543610866
css搞超过2行，显示省略号
把溢出隐藏显示省略号的样式绑定到
<view style="width: 200rpx">
<text class="text">文字</text>
</view>
.text{
overflow: hidden;
text-overflow: ellipsis;
lines: 2;
}
这样超出的就会隐藏显示省略号
<rich-text style="font-size: 28rpx;lines:1; width: 550rpx;" :nodes="commentTextHandle()"></rich-text>
commentTextHandle() {
return [{
name: 'div',
attrs: {
style: 'display: flex;flex-direction: row;'
},
children: [{
type: 'text',
attrs: {
style: 'color: #5CC0D0;'
},
text: ${this.renderContent.comment[0].user.name}：
}, {
type: 'text',
attrs: {
style: 'color: #888888;'
},
text: ${this.renderContent.comment[0].content}
}]
}]
},
<view style="width:500rpx;">
<text style="color:#000000;font-size:28rpx;width: 500rpx;overflow: hidden; text-overflow: ellipsis; lines: 6;">很长的一段文字</text>
</view>
我不会前端 (作者)
nvue页面，不是vue页面哦
2022-06-02 16:42