mp-weixin-2811-xcx.aigc-quickapp.com/components/diy-components/diy-audio.wxml

<view class="data-v-2b17e9e0"><block wx:if="{{value.type=='style-2'}}"><view class="fui-audio style1 data-v-2b17e9e0" style="{{'background:'+(value.background)+';'}}"><view class="content data-v-2b17e9e0" style="padding-top:20rpx;"><view class="name data-v-2b17e9e0" style="{{'color:'+(value.textcolor)+';'}}">{{value.text}}</view><view class="author data-v-2b17e9e0" style="{{'color:'+(value.subtitlecolor)+';'}}">{{value.desc+"----"+value.id}}</view></view><view class="progress data-v-2b17e9e0"><view class="progressBar data-v-2b17e9e0" style="{{'width:'+(audiowidth)+';'}}"></view></view><view class="time data-v-2b17e9e0" style="{{'color:'+(value.timecolor)+';'}}">{{''+audiotime+''}}</view><view data-event-opts="{{[['tap',[['play']]]]}}" class="{{['start','data-v-2b17e9e0',status?'iconj icon-07zanting':'iconj icon-bofang']}}" style="padding-top:18rpx;" bindtap="__e"></view></view></block><block wx:else><view class="fui-audio style3 data-v-2b17e9e0" style="{{'background:'+(value.background)+';'}}"><view class="img data-v-2b17e9e0"><image src="{{$root.g0}}" class="data-v-2b17e9e0"></image></view><view class="content data-v-2b17e9e0"><view class="name data-v-2b17e9e0" style="{{'color:'+(value.textcolor)+';'}}">{{value.text}}</view><view class="author data-v-2b17e9e0" style="{{'color:'+(value.subtitlecolor)+';'}}">{{value.desc}}</view></view><view class="progress data-v-2b17e9e0"><view class="progressBar data-v-2b17e9e0" style="{{'width:'+(audiowidth)+';'}}"></view></view><view class="time data-v-2b17e9e0" style="{{'color:'+(value.timecolor)+';'}}">{{''+audiotime+''}}</view><view data-event-opts="{{[['tap',[['play']]]]}}" class="{{['start','data-v-2b17e9e0',status?'iconj icon-07zanting':'iconj icon-bofang']}}" bindtap="__e"></view></view></block></view>