代码如下:
<rich-text class="ttttt" :nodes="richNodes(item)"></rich-text>
函数:
richNodes(item){
return [{
children: [
{
type: 'text',
attrs: {
class:'msg-name'
},
text: item.sendName+':'
},
{
type: 'text',
attrs: {
class:'msg-item'
},
text: item.msgContent
}
]
}]
},
样式:
.msg-name {
color: #fed93a;
font-size: 34rpx;
}
.msg-item {
color: #f3f3f3;
font-size: 34rpx;
}
.ttttt {
flex-direction: row;
background-color: rgba(0,0,0,.3);
line-height: 45rpx;
border-radius: 35rpx;
padding-left: 15rpx;
padding-right: 15rpx;
padding-top: 10rpx;
padding-bottom: 10rpx;
max-width:500rpx;
min-height: 70rpx;
}
问题:每次有新的消息进行渲染时,或者输入框输入进消息时,页面上已有的消息框样式就会闪一下