效果图:
三张图片分别:
白底看不到-就用黑色代替,是反方向但效果一样
- 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