index.wxml 3.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. <view class="container">
  2. <view class="scoreBox">
  3. <!-- 星星区域 -->
  4. <view class="lightBox">
  5. <image src="/static/{{score.myOverall>=10?'stars-1.png':'stars-2.png'}}" class="stars stars-1" mode="" />
  6. <image src="/static/{{score.myOverall>=30?'stars-1.png':'stars-2.png'}}" class="stars stars-2" mode="" />
  7. <image src="/static/{{score.myOverall>=50?'stars-1.png':'stars-2.png'}}" class="stars stars-3" mode="" />
  8. <image src="/static/{{score.myOverall>=70?'stars-1.png':'stars-2.png'}}" class="stars stars-4" mode="" />
  9. <image src="/static/{{score.myOverall>=90?'stars-1.png':'stars-2.png'}}" class="stars stars-5" mode="" />
  10. <image src="/static/light.png" class="light" mode="" />
  11. </view>
  12. <!-- 主体得分区域 -->
  13. <view class="score">
  14. <view class="avatarBox">
  15. <image src="{{userInfo.avatar}}" class="avatar" mode="" />
  16. </view>
  17. <view class="nickName">
  18. {{userInfo.nickName||userInfo.eid}}
  19. </view>
  20. <view class="totalScore">
  21. <text>综合得分:</text>
  22. <text class="num">{{score.myOverall}}</text>
  23. </view>
  24. <view class="progressBox">
  25. <view class="row">
  26. <view class="name">完整度</view>
  27. <progress class="progress" active percent='{{score.integrity}}' stroke-width="18" activeColor="#70D9FF" />
  28. <view class="scoreInfo">
  29. {{score.integrity}}/100
  30. </view>
  31. </view>
  32. <view class="row">
  33. <view class="name">正确率</view>
  34. <progress class="progress" active percent='{{score.accuracy}}' stroke-width="18" activeColor="#918EFD" />
  35. <view class="scoreInfo">
  36. {{score.accuracy}}/100
  37. </view>
  38. </view>
  39. <view class="row">
  40. <view class="name">流利度</view>
  41. <progress class="progress" active percent='{{score.fluency}}' stroke-width="18" activeColor="#FE9500" />
  42. <view class="scoreInfo">
  43. {{score.fluency}}/100
  44. </view>
  45. </view>
  46. <view class="row">
  47. <view class="name">语调</view>
  48. <progress class="progress" active percent='{{score.tone}}' stroke-width="18" activeColor="#9BE74B " />
  49. <view class="scoreInfo">
  50. {{score.tone}}/100
  51. </view>
  52. </view>
  53. </view>
  54. </view>
  55. </view>
  56. <!-- 底部 -->
  57. <view class="footer">
  58. <view class="btn" bindtap="backReading">试听</view>
  59. <!-- <view class="btn btn2" bindtap="upload">上传作品</view> -->
  60. </view>
  61. <!-- <view class="uploadBox" wx:if="{{uploadFlag}}">
  62. <view class="upload">
  63. <view class="speed">{{percent}}%</view>
  64. <progress percent="{{percent}}" class="speedProgress" stroke-width="10" activeColor="#C3F166" />
  65. <view>作品上传中</view>
  66. </view>
  67. </view> -->
  68. <!-- 上传成功 -->
  69. <!-- <view class="uploadBox successBox" wx:if="{{uploadSuccess}}" catchtap="cancelMask">
  70. <view class="success" catchtap="true">
  71. <image src="/static/lan.png" class="icon" mode="" />
  72. <view class="tips1">作品上传成功</view>
  73. <view class="tips2">快去分享你的作品</view>
  74. <view class="tips2">召唤小伙伴点赞评论!</view>
  75. <button class="resetBtn shareBtn" open-type="share">
  76. 分享作品
  77. </button>
  78. </view>
  79. </view> -->
  80. </view>