<view class="danmu-body" style="left: {{danmu[0].left}}%;top: {{danmu[0].top}}px;visibility:{{visibility}};">

  <image class="danmu-img" mode="aspectFit" src="../img/emoji/happy.png"></image>

  <text class="danmu-text">啥借口撒谎德克萨斯卡啥借口撒谎德克萨斯卡</text>

</view>

​

​

//循环的动画

    var danmud_flash = setInterval(function () {

      //归位

      setTimeout(function () {

        that.setData({

          [`danmu[0].left`]: 100,

          visibility : 'hidden',

        })

      }, 100)

      setTimeout(function () {

        that.setData({

          visibility : 'visible',

          [`danmu[0].left`]: -50

        })

      }, 5100)

​

    }, 10100)

.danmu-body {

  position: relative;

  left: 100%;

  padding: 6px;

  width: auto;

  max-width: 50%;

  height: 20px;

  font-size: 12px;

  line-height: 20px;

  background-color: #f1f2f3;

  border-radius: 16px;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  /* transition: visibility 10s;

  visibility: visible; */

  transition: 5s;

  transition-timing-function: linear;

}