reader/pages/score/index.wxml

<view class="container">
    <view class="scoreBox">
        <!-- 星星区域 -->
        <view class="lightBox">
            <view wx:if="{{score.businessType!=2}}">
                <image src="/static/{{score.myOverall>=10?'stars-1.png':'stars-2.png'}}" class="stars stars-1" />
                <image src="/static/{{score.myOverall>=30?'stars-1.png':'stars-2.png'}}" class="stars stars-2" />
                <image src="/static/{{score.myOverall>=50?'stars-1.png':'stars-2.png'}}" class="stars stars-3" />
                <image src="/static/{{score.myOverall>=70?'stars-1.png':'stars-2.png'}}" class="stars stars-4" />
                <image src="/static/{{score.myOverall>=90?'stars-1.png':'stars-2.png'}}" class="stars stars-5" />
            </view>
            <image src="/static/light.png" class="light" />
        </view>
        <!-- 主体得分区域 -->
        <view class="score {{score.businessType==2?'songScore':''}}">
            <view class="avatarBox">
                <image src="{{userInfo.avatar}}" class="avatar" />
            </view>
            <view wx:if="{{score.businessType!=2}}">
                <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" wx:if="{{score.businessType==0}}">
                        <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>
            <image wx:else
                src="http://reader-wx.ai160.com/images/reader/v3/learn/lQLPJxEH90gTCS7NAoTNAnKwVZil7KxycfEEQMcZvYCmAA_626_644.png"
                class="songBg" />
        </view>
    </view>
    <!-- 底部 -->
    <view class="footer">
        <view class="stBtn" bindtap="backReading">试听</view>
        <uploadFile readingType='{{readingType}}' activityId='{{activityId}}' bindtap="hideFooter" />
    </view>
    <canvas id='share' type="2d"> </canvas>
</view>