小程序-语音播放动画-animation

效果图：

三张图片分别：白底看不到-就用黑色代替，是反方向但效果一样

• 1
  
• 2
  
• 3
  

<view class="animat-audiobox {
    {msg.senderId==receiverId ? 'other' : 'me'}}">                
	<view class='animat-audio voice_view' bindtap='playTap' data-id='{
    {msg.id}}' data-time="{
    {msg.time}}" data-url="{
    {msg.body}}" style="width:{
      {
      msg.time*20}}rpx;">                    
		<!--没有播放时图片为 audio3.png-->                    
		<image src="/pages/images/index/item/{
    {msg.senderId==receiverId?'record-b-3':'record-w-3'}}.png" class="record_img