reading.wxml 2.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. <scroll-view class="readingPage" lower-threshold="{{}}" scroll-y="true" bindscrolltolower="scrollToLower" bindscrolltoupper="scrollToUpper">
  2. <!-- <view class="videoSection" wx:if="{{!isIOS}}">
  3. <image wx:if="{{!videoLoad}}" class="videoIcon" src="{{iconImg}}" />
  4. </view> -->
  5. <video id="myVideo" class="videoSection" src="{{videoUrl}}" show-fullscreen-btn="{{fullScreenBtn}}" show-play-btn="{{playBtn}}" show-center-play-btn="{{centerBtn}}" muted="{{muted}}" enable-progress-gesture="{{gesture}}" bindended="recordingVideoEnd"></video>
  6. <!-- bindwaiting="videoWaiting"
  7. bindplay="videoPlay" -->
  8. <!-- <audio name="123" author="123" src="{{recordSource}}" id="myAudio" controls loop></audio> -->
  9. <view class="footSection">
  10. <image class="blackbord" src="../../../static/image/blackbord.png" />
  11. <view class="collectBtn footerBtn" wx:if="{{btnFlag}}" bindtap="audioPlay">
  12. <image src="../../../static/image/listen.png" />
  13. <text>试听</text>
  14. </view>
  15. <!-- <view class="readingBtn footerBtn" bindtap="audioRecord">
  16. <image class="microphone" src="{{btnImgFlag ? recordingGif :microphonePng}}" />
  17. <text>{{btnImgFlag ? '点击结束' : btnFlag ? '点击重录' : '开始朗读'}}</text>
  18. </view> -->
  19. <view class="btn_wrapper" bindtap="audioRecord">
  20. <view class="reading_btn">
  21. <image class="microphone" src="{{btnImgFlag ? recordingGif :microphonePng}}" />
  22. <text>{{btnImgFlag ? '点击结束' : btnFlag ? '点击重录' : '开始朗读'}}</text>
  23. </view>
  24. </view>
  25. <view class="shareBtn footerBtn" wx:if="{{btnFlag}}" bindtap="upload">
  26. <image src="../../../static/image/upload.png" />
  27. <text>上传</text>
  28. </view>
  29. </view>
  30. <scroll-view class="textSection" scroll-y="true">
  31. <!-- <view class="btn_wrapper" bindtap="audioRecord">
  32. <view class="reading_btn">
  33. <image src="../../../static/index/star.png" />
  34. <text>{{btnImgFlag ? '点击结束' : btnFlag ? '点击重录' : '开始朗读'}}</text>
  35. </view>
  36. </view> -->
  37. <text class="textContent">{{readingText}}</text>
  38. </scroll-view>
  39. <VideoSwiper wx:if="{{videoList.length > 0 && isVideoListShow}}" class="video-swiper" video-list="{{videoList}}" nextMargin="{{nextMargin}}" isSwiper="{{false}}" bindopenComment="openComment" bindheadTap="headTapHandler" bindgoToReading="goToReading" bindplay="onPlay"></VideoSwiper>
  40. </scroll-view>
  41. <view class="comment_section" catchtap="commentTap" data-type="blank" wx:if="{{commentShow}}">
  42. <Comment data-type="list" commentId="{{commentId}}" />
  43. </view>