HanziLearn_master/pages/main/detail.wxml

<view class="container FlexColumn" style='height:{{Height}}rpx;'>
  <view class="main FlexColumn" bindtap='playAudio' data-click="true" >
    <view class="pinyin">{{List[CurrentIndex].Pinyin}}</view>
    <image binderror='getImageError' wx:if="{{!IsImageError}}" src='{{List[CurrentIndex].WordUrl}}' class="wordImage" />
    <image catchtap='getImageDownload' wx:if="{{IsImageError}}" src='../../images/05014.png' class="wordImage" />
  </view>
  <view class="bottom FlexColumn">
    <view class="bottom1 FlexRow">
      <view class="btn FlexColumn" bindtap='prevHandler'>
        <image src='../../images/05001.png' class="btnImage05001" wx:if="{{IsShowPrev && !IsAutoPage }}" />
      </view>
      <view class="btn FlexColumn" bindtap='reviewHandler'>
        <image wx:if="{{!List[CurrentIndex].IsReview && IsShowNext && !IsAutoPage}}" src='../../images/05002.png' class="btnImage05002" />
        <image wx:if="{{List[CurrentIndex].IsReview && IsShowNext && !IsAutoPage}}" src='../../images/05003.png' class="btnImage05002" />
        <image wx:if="{{!IsShowNext}}" src='../../images/05009.png' class="btnImage022" />
      </view>
      <view class="btn FlexColumn" bindtap='openSetting'>
        <image src='../../images/05004.png' class="btnImage05004" />
      </view>
      <view class="btn FlexColumn" bindtap='showWordHandler'>
        <image src='../../images/05005.png' wx:if="{{IsShowWordCurrent && IsShowNext && !IsAutoPage}}" class="btnImage05005" />
        <image src='../../images/05006.png' wx:if="{{!IsShowWordCurrent && IsShowNext && !IsAutoPage}}" class="btnImage05006" />
      </view>
      <view class="btn FlexColumn" bindtap='nextHandler' data-status="click">
        <image src='../../images/05007.png' class="btnImage05001" wx:if="{{IsShowNext && !IsAutoPage}}" />
      </view>
    </view>
  </view>
</view>

<audio hidden='true' src="{{AudioSrc}}" id="myAudio"></audio>