reading.wxml 5.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127
  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="btn_wrapper" bindtap="audioRecord">
  16. <view class="reading_btn">
  17. <image class="microphone" src="{{btnImgFlag ? recordingGif :microphonePng}}" />
  18. <text>{{btnImgFlag ? '点击结束' : btnFlag ? '点击重录' : '开始朗读'}}</text>
  19. </view>
  20. </view>
  21. <view class="shareBtn footerBtn" wx:if="{{btnFlag}}" bindtap="upload">
  22. <image src="../../static/index/upload.png" />
  23. <text>上传</text>
  24. </view>
  25. </view>
  26. <scroll-view class="textSection" wx:if="{{ifTextShow}}" scroll-y="true">
  27. <text class="textContent">{{readingText}}</text>
  28. </scroll-view>
  29. <view class="read_num" wx:if="{{isVideoListShow && totalSize > 0}}">
  30. <image class="read_num_icon" src='../../static/index/peoples.png' />
  31. <text>共有{{totalSize}}个作品</text>
  32. </view>
  33. <view class="score_section" wx:if="{{ifScoreShow}}">
  34. <view class="title">测评报告</view>
  35. <view class="star_row">
  36. <image class="star" wx:for="{{star}}" src="{{item? '../../static/index/star_test_colored.png': '../../static/index/star_test.png'}}" />
  37. </view>
  38. <view class="score_item">
  39. <view class="score_item_left">
  40. <text class="score_square"></text>
  41. <text>完成度:</text>
  42. </view>
  43. <text>{{integrity}}/100</text>
  44. </view>
  45. <view class="score_item">
  46. <view class="score_item_left">
  47. <text class="score_square"></text>
  48. <text>正确率:</text>
  49. </view>
  50. <text>{{accuracy}}/100</text>
  51. </view>
  52. <view class="score_item">
  53. <view class="score_item_left">
  54. <text class="score_square"></text>
  55. <text>语速:</text>
  56. </view>
  57. <text>{{fluency}}/100</text>
  58. </view>
  59. <view class="score_item">
  60. <view class="score_item_left">
  61. <text class="score_square"></text>
  62. <text>语调:</text>
  63. </view>
  64. <text>{{tone}}/100</text>
  65. </view>
  66. </view>
  67. <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>
  68. </view>
  69. <view class="comment_section" catchtouchmove="touchMove" catchtap="commentTap" data-type="blank" wx:if="{{commentShow}}">
  70. <Comment data-type="list" commentId="{{commentId}}" />
  71. </view>
  72. <canvas canvas-id="myCanvas" style="width:300px; height: 525px; position: absolute; left: -999rpx; top: -9999rpx;"></canvas>
  73. <view class="score_dialog" wx:if="{{ifScoreDialogShow}}">
  74. <view class="score_section">
  75. <view class="title">测评报告</view>
  76. <view class="star_row">
  77. <image class="star" wx:for="{{star}}" src="{{item? '../../static/index/star_test_colored.png': '../../static/index/star_test.png'}}" />
  78. </view>
  79. <view class="score_item">
  80. <view class="score_item_left">
  81. <text class="score_square"></text>
  82. <text>完成度:</text>
  83. </view>
  84. <text>{{integrity}}/100</text>
  85. </view>
  86. <view class="score_item">
  87. <view class="score_item_left">
  88. <text class="score_square"></text>
  89. <text>正确率:</text>
  90. </view>
  91. <text>{{accuracy}}/100</text>
  92. </view>
  93. <view class="score_item">
  94. <view class="score_item_left">
  95. <text class="score_square"></text>
  96. <text>语速:</text>
  97. </view>
  98. <text>{{fluency}}/100</text>
  99. </view>
  100. <view class="score_item">
  101. <view class="score_item_left">
  102. <text class="score_square"></text>
  103. <text>语调:</text>
  104. </view>
  105. <text>{{tone}}/100</text>
  106. </view>
  107. </view>
  108. <view class="close" bindtap="closeScoreDialog">
  109. <image class="close_icon" src="../../static/index/close.png" />
  110. </view>
  111. </view>
  112. <!-- <view class="auth" hidden="{{authHide}}">
  113. <view class="auth-main">
  114. <image class="auth-icon" src="{{authImg}}" bindtap="goToAuth"></image>
  115. <view class="auth-price" wx:if="{{payPrice}}">
  116. <view class="price">
  117. <text >{{payPrice}}</text>元/月
  118. </view>
  119. <view class="flase-price">
  120. 原价:29.9元/月
  121. </view>
  122. </view>
  123. <image class="auth-close" bindtap="hideAuth" src="../../static/image/close.png"></image>
  124. </view>
  125. </view> -->
  126. <readingTips id="readingTips"></readingTips>
  127. <canvas id='share' type="2d"> </canvas>