miaoguo_master/pages/other/lesson.wxml

<view class="container FlexColumn" style='min-height:{{Containnerheight}}rpx;'>
  <view class='top FlexColumn'>
    <image class="img" src='{{ImageUrl}}' bindtap='audioPause'></image>
    <view class='pause img FlexRow' catchtap='audioPlay' hidden="{{!IsPause}}">
      <image class="music-player-play" src='../images/music-player-play.png'></image>
    </view>
  </view>
  <audio class='audio' src="{{AudioSrc}}" id="myAudio" bindended="bindEnded"></audio>
  <view class="main FlexColumn">
    <block wx:for="{{ArrTirtle}}" wx:key="index">
      <view class="lineWidthAll FlexRow" wx:if="{{index>0}}">
        <view class="lineWidth680"></view>
      </view>

      <view class='item FlexRow' bindtap='playAudio' data-id="{{index}}">
        <image src="../images/universalpic_read_begin_gray_20x20.png" class='universalpic_read_begin_gray_20x20' wx:if="{{PlayIndex==index}}" />
        <view class='universalpic_read_begin_gray_20x20' wx:if="{{PlayIndex!=index}}"></view>
        <view>{{item.Title}}</view>
      </view>
    </block>
  </view>
  <view style='height:100rpx;'></view>
</view>