reader/pages/score/index.wxml

<view class="container">
  <view class="scoreBox">
    <!-- 星星区域 -->
    <view class="lightBox">
      <image src="/static/{{score.myOverall>=10?'stars-1.png':'stars-2.png'}}" class="stars stars-1" mode="" />
      <image src="/static/{{score.myOverall>=30?'stars-1.png':'stars-2.png'}}" class="stars stars-2" mode="" />
      <image src="/static/{{score.myOverall>=50?'stars-1.png':'stars-2.png'}}" class="stars stars-3" mode="" />
      <image src="/static/{{score.myOverall>=70?'stars-1.png':'stars-2.png'}}" class="stars stars-4" mode="" />
      <image src="/static/{{score.myOverall>=90?'stars-1.png':'stars-2.png'}}" class="stars stars-5" mode="" />
      <image src="/static/light.png" class="light" mode="" />
    </view>
    <!-- 主体得分区域 -->
    <view class="score">
      <view class="avatarBox">
        <image src="{{userInfo.avatar}}" class="avatar" mode="" />
      </view>
      <view class="nickName">
        {{userInfo.nickName||userInfo.eid}}
      </view>
      <view class="totalScore">
        <text>综合得分：</text>
        <text class="num">{{score.myOverall}}</text>
      </view>
      <view class="progressBox">
        <view class="row">
          <view class="name">完整度</view>
          <progress class="progress" active percent='{{score.integrity}}' stroke-width="18" activeColor="#70D9FF" />
          <view class="scoreInfo">
            {{score.integrity}}/100
          </view>
        </view>
        <view class="row">
          <view class="name">正确率</view>
          <progress class="progress" active percent='{{score.accuracy}}' stroke-width="18" activeColor="#918EFD" />
          <view class="scoreInfo">
            {{score.accuracy}}/100
          </view>
        </view>
        <view class="row">
          <view class="name">流利度</view>
          <progress class="progress" active percent='{{score.fluency}}' stroke-width="18" activeColor="#FE9500" />
          <view class="scoreInfo">
            {{score.fluency}}/100
          </view>
        </view>
        <view class="row">
          <view class="name">语调</view>
          <progress class="progress" active percent='{{score.tone}}' stroke-width="18" activeColor="#9BE74B " />
          <view class="scoreInfo">
            {{score.tone}}/100
          </view>
        </view>
      </view>
    </view>
  </view>
  <!-- 底部 -->
  <view class="footer">
    <view class="btn" bindtap="backReading">试听</view>
    <!-- <view class="btn btn2" bindtap="upload">上传作品</view> -->
  </view>
<!--   <view class="uploadBox" wx:if="{{uploadFlag}}">
    <view class="upload">
      <view class="speed">{{percent}}%</view>
      <progress percent="{{percent}}" class="speedProgress" stroke-width="10" activeColor="#C3F166" />
      <view>作品上传中</view>
    </view>
  </view> -->
  <!-- 上传成功 -->
  <!-- <view class="uploadBox successBox" wx:if="{{uploadSuccess}}" catchtap="cancelMask">
    <view class="success" catchtap="true">
      <image src="/static/lan.png" class="icon" mode="" />
      <view class="tips1">作品上传成功</view>
      <view class="tips2">快去分享你的作品</view>
      <view class="tips2">召唤小伙伴点赞评论！</view>
      <button class="resetBtn shareBtn" open-type="share">
        分享作品
      </button>
    </view>
  </view> -->
</view>