yuminge-app/yun-min-program-plugin-master/packageA/member/course/VoiceDetail/VoiceDetail.wxml

56 lines
1.9 KiB
Plaintext

<view class="voice_detail">
<view class="content" wx:if="{{isShow === 1}}">
<view class="content_a">
<view class="banner">
<view class="image" wx:if='{{dataInfo.thumb}}'>
<image src="{{dataInfo.thumb}}" mode='aspectFill' />
<view class="image" wx:if='{{!dataInfo.thumb}}'>
<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/img_default.png" mode='aspectFill' />
</view>
</view>
</view>
<view class="h1">{{dataInfo.title}}</view>
<view class="audio-wrapper" catchtap="audioPlay">
<!-- <audio src="{{dataInfo.audio_link}}" id="myAudio" controls="{{true}}"></audio> -->
<!-- <button type="primary" bindtap="audioPlay">播放</button> -->
</view>
<view class="voice-item ul">
<view class="activeLi li">
<view class="voice-content">
<view class="second" style="margin-left: 10px;">播放</view>
<view class="icon" >
<image src="{{stop1}}" wx:if='{{bfstatus}}' bindtap='tapbf'></image>
<image src="{{play1}}" wx:else bindtap="tapbf" ></image>
</view>
</view>
<view class="audio-wrapper">
<slider block-size='16' activeColor='#ffba00' backgroundColor='#bec2c1' bindchange="sildein" value="{{valueSlmin}}"></slider>
<view class="time">
<view class="time_left">{{slmin}}</view>
<view class="time_right">{{currentTime}}</view>
</view>
</view>
</view>
</view>
</view>
<view class="content_b">
<view class="h2">【音频简介】<text class="span">{{dataInfo.created_at}}</text></view>
<view class="text">
<rich-text nodes="{{dataInfo.content}}"></rich-text>
</view>
</view>
<view class="content_c" wx:if="{{codeUrl}}">
<view class="h3">【二维码】</view>
<view class="code">
<view class="span">长按识别二维码</view>
<view class="img">
<image src="{{codeUrl}}" mode='widthFix' />
</view>
</view>
</view>
</view>
</view>
<!--<shopfoot></shopfoot>-->