微信小程序 弹幕

<!--index.wxml-->
<view class="container">
  <view class="doommview">
    <view style="position: absolute;width:100%;height:100rpx;background:red;top:0rpx;">
      <block wx:for="{
  {topMsg}}" wx:key="id">
        <text class="aon" style="animation: first {
  {item.time}}s linear 1 backwards;">
            {
  {item.text}}
        </text>
      </block>
    </view>
    <view  style="position: absolute;width:100%;height:100rpx;background:blue;top:150rpx;">
      <block wx:for="{
  {bottomMsg}}" wx:key="id">
        <text class="aon" style="animation: first {
  {item.time}}s linear 1 backwards;">
            {
  {item.text}}
        </text>
      </block>
    </view>
</view>
<view class