收藏
回答

直播聊天室使用rich-text渲染闪烁怎么办?

代码如下:

<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;

    }

问题:每次有新的消息进行渲染时,或者输入框输入进消息时,页面上已有的消息框样式就会闪一下

回答关注问题邀请回答
收藏
登录 后发表内容