每次回复内容超出一行的宽度时就整个标签换行了,我想要达到一行占满后剩下的从第二行开始显示,而且要围绕着用户名的方式换行,请问有什么方法吗?
每次回复内容超出一行的宽度时就整个标签换行了,我想要达到一行占满后剩下的从第二行开始显示,而且要围绕着用户名的方式换行,请问有什么方法吗?
2***@qq.com - Ciao! 你好 HELLO THERE 你好,在吗?
实现了吗
1***@qq.com (作者)
目前解决方法使用rich-text,大家仔细看下官方文档:https://uniapp.dcloud.io/component/rich-text?id=rich-text。
注意nvue只能使用数组方式,以下是实现代码:
单一回复:
var nodes = [{name: 'span',children: [{type: 'text',attrs: {class: 'div-class'},text: '这里是用户1的名字' + ':'},{name: 'span',attrs: {class: 'div-class2',},children: [{type: 'text',text: '这里是用户1的回复内容'}]}]}];
用户1回复用户2:
var nodes = [{name: 'span',children: [{type: 'text',attrs: {class: 'div-class'},text: '这里是用户1的名字'},{type: 'text',attrs: {class: 'div-class2',},text: ' ' + ' 回复 ' + ' '},{type: 'text',attrs: {class: 'div-class'},text: '这里是用户2的名字' + ':'},{name: 'span',attrs: {class: 'div-class3',},children: [{type: 'text',text: '这里是用户1的回复内容'}]}]}];
name: 'span'表示使用span标签,children表示span标签下的内容,attrs: {class: 'div-class'}是样式,也可以用attrs: {style: 'color: red'},text是内容。
因为用户1回复用户2,中间的'回复'两字样式不一样,所以另起一组。
<rich-text style="" :nodes="nodes"></rich-text>
1***@qq.com (作者)
nvue好多限制,写了好多样式都实现不了
2020-04-27 11:04
请叫我九爷
回复 1***@qq.com: 兄弟解决了嘛,解决的话 麻烦你发分例子
2021-01-09 11:51