reading.wxml 6.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136
  1. <!-- <StatusBar receiveData="{{statusbarobj}}" grade="{{grade}}" bindgradeTap="gradeTap" /> -->
  2. <view class="readingPage" lower-threshold="{{}}" scroll-y="{{isScroll}}" bindscrolltolower="scrollToLower" bindscrolltoupper="scrollToUpper">
  3. <!-- <view class="videoSection" wx:if="{{!isIOS}}">
  4. <image wx:if="{{!videoLoad}}" class="videoIcon" src="{{iconImg}}" />
  5. </view> -->
  6. <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}}" bindplay="exampleVideoPlay" bindended="recordingVideoEnd"></video>
  7. <!-- bindwaiting="videoWaiting"
  8. bindplay="videoPlay" -->
  9. <!-- <audio name="123" author="123" src="{{recordSource}}" id="myAudio" controls loop></audio> -->
  10. <view class="footSection">
  11. <view class="collectBtn footerBtn" wx:if="{{btnFlag}}" bindtap="audioPlay">
  12. <image src="../../static/index/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/index/upload.png" />
  27. <text>上传</text>
  28. </view>
  29. </view>
  30. <scroll-view class="textSection" wx:if="{{ifTextShow}}" 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. <view class="read_num" wx:if="{{isVideoListShow && totalSize > 0}}">
  40. <image class="read_num_icon" src='../../static/index/peoples.png' />
  41. <text>共有{{totalSize}}个作品</text>
  42. </view>
  43. <view class="score_section" wx:if="{{ifScoreShow}}">
  44. <view class="title">测评报告</view>
  45. <view class="star_row">
  46. <image class="star" wx:for="{{star}}" src="{{item? '../../static/index/star_test_colored.png': '../../static/index/star_test.png'}}" />
  47. </view>
  48. <view class="score_item">
  49. <view class="score_item_left">
  50. <text class="score_square"></text>
  51. <text>完成度:</text>
  52. </view>
  53. <text>{{integrity}}/100</text>
  54. </view>
  55. <view class="score_item">
  56. <view class="score_item_left">
  57. <text class="score_square"></text>
  58. <text>正确率:</text>
  59. </view>
  60. <text>{{accuracy}}/100</text>
  61. </view>
  62. <view class="score_item">
  63. <view class="score_item_left">
  64. <text class="score_square"></text>
  65. <text>语速:</text>
  66. </view>
  67. <text>{{fluency}}/100</text>
  68. </view>
  69. <view class="score_item">
  70. <view class="score_item_left">
  71. <text class="score_square"></text>
  72. <text>语调:</text>
  73. </view>
  74. <text>{{tone}}/100</text>
  75. </view>
  76. </view>
  77. <VideoSwiper bindopenShare="openShare" wx:if="{{videoList && videoList.length > 0 && isVideoListShow}}" class="video-swiper" video-list="{{videoList}}" nextMargin="{{nextMargin}}" isSwiper="{{false}}" noMoreWork="{{noMoreWork}}" bindopenComment="openComment" bindheadTap="headTapHandler" bindcollectTap="collectTap" bindlikeTap="likeTap" bindgoToReading="goToReading" bindaddShareAmount="addShareAmount" bindonPlay="onPlay"></VideoSwiper>
  78. </view>
  79. <view class="comment_section" catchtouchmove="touchMove" catchtap="commentTap" data-type="blank" wx:if="{{commentShow}}">
  80. <Comment data-type="list" commentId="{{commentId}}" />
  81. </view>
  82. <canvas canvas-id="myCanvas" style="width:300px; height: 525px; position: absolute; left: -999rpx; top: -9999rpx;"></canvas>
  83. <view class="score_dialog" wx:if="{{ifScoreDialogShow}}">
  84. <view class="score_section">
  85. <view class="title">测评报告</view>
  86. <view class="star_row">
  87. <image class="star" wx:for="{{star}}" src="{{item? '../../static/index/star_test_colored.png': '../../static/index/star_test.png'}}" />
  88. </view>
  89. <view class="score_item">
  90. <view class="score_item_left">
  91. <text class="score_square"></text>
  92. <text>完成度:</text>
  93. </view>
  94. <text>{{integrity}}/100</text>
  95. </view>
  96. <view class="score_item">
  97. <view class="score_item_left">
  98. <text class="score_square"></text>
  99. <text>正确率:</text>
  100. </view>
  101. <text>{{accuracy}}/100</text>
  102. </view>
  103. <view class="score_item">
  104. <view class="score_item_left">
  105. <text class="score_square"></text>
  106. <text>语速:</text>
  107. </view>
  108. <text>{{fluency}}/100</text>
  109. </view>
  110. <view class="score_item">
  111. <view class="score_item_left">
  112. <text class="score_square"></text>
  113. <text>语调:</text>
  114. </view>
  115. <text>{{tone}}/100</text>
  116. </view>
  117. </view>
  118. <view class="close" bindtap="closeScoreDialog">
  119. <image class="close_icon" src="../../static/index/close.png" />
  120. </view>
  121. </view>
  122. <view class="auth" hidden="{{authHide}}">
  123. <view class="auth-main">
  124. <image class="auth-icon" src="{{authImg}}" bindtap="goToAuth"></image>
  125. <view class="auth-price" wx:if="{{payPrice}}">
  126. <view class="price">
  127. <text >{{payPrice}}</text>元/月
  128. </view>
  129. <view class="flase-price">
  130. 原价:29.9元/月
  131. </view>
  132. </view>
  133. <image class="auth-close" bindtap="hideAuth" src="../../static/image/close.png"></image>
  134. </view>
  135. </view>
  136. <flowerBox id="flower-toast" flowerNum="{{flowerNum}}" />