小程序实现类似播报循环的淡入淡出的动画

代码片段：https://developers.weixin.qq.com/s/lzBqPcml73vT

利用CSS3 动画 设置opaity 

 

 

index.wxml

<view class="box-wrap">
    <view class="broadcast animate" style="transition:opacity 1s ease-out;opacity:{
  {opacity}}">
        <view class="broadcast-match">赛事 <view class="broadcast-match-tab">播报</view>
        </view>
        <view class="broadcast-new-wrap">
            <i-avatar src="" i-class="broadcast-avatar"></i-avatar>
            <view class="broadcast-new"> {