先上图
就是一个简单的弹幕发送功能
弹幕区的页面:
<div class="content" v-show="doommData.length">
<div class="textLeft"></div>
<div class="textItem">
<p class="text aon" v-if="item.display" v-for="(item,index) in doommData" :key="index" :id="item.id" :style="{'animation-duration':item.time+'s', top:item.top+'%',color:'#333',background:item.result.bgColor}">
<image :src="item.result.faceImage" class="headImg" />
<span class="name">{
{item.result.name}}:</span>
<span class="text">{
{i