<view class="container FlexColumn" style='min-height:{{Containnerheight}}rpx;'>
  <view class='top FlexColumn'>
    <image class="img" src='{{ImageUrl}}' bindtap='previewImage' data-url="{{ImageUrl}}"></image>
    <image class='music-player-play' src='../images/music-player-play.png' hidden="{{!IsPause}}" ></image>
    <image class='music-player-pause-lines' src='../images/music-player-pause-lines.png' hidden="{{IsPause}}" ></image>
    <view class='btnUp' catchtap='audioPlay'></view>  
  </view>
  <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="{{(LessonPage-1)==index}}" />
        <view class='universalpic_read_begin_gray_20x20' wx:if="{{(LessonPage-1)!=index}}"></view>
        <view>{{item.Title}}</view>
      </view>
    </block>
  </view>
  <view style='height:100rpx;'></view>
</view>