110 lines
3.0 KiB
Plaintext
110 lines
3.0 KiB
Plaintext
![]() |
<!--pages/parent/report/report.wxml-->
|
||
|
<view class="page-content" style="padding: 0 30rpx; padding-bottom: 300rpx;box-sizing: border-box;">
|
||
|
<mp-bar background="linear-gradient(190deg, #49a5fc 0%, #f7f7f7 800rpx, #f7f7f7 100%)" title="报告" color="#fff" back="{{false}}"></mp-bar>
|
||
|
|
||
|
<view class="top">
|
||
|
<view class="tit">
|
||
|
<image src="https://yuedong-wechatapplet.oss-cn-shanghai.aliyuncs.com/static/heart.png" class="heart" />
|
||
|
健康身体 坚持运动
|
||
|
</view>
|
||
|
|
||
|
<view class="score">
|
||
|
<image src="https://yuedong-wechatapplet.oss-cn-shanghai.aliyuncs.com/static/report-bg.png" class="score-img" />
|
||
|
|
||
|
<view class="type">
|
||
|
身体形态
|
||
|
<view>
|
||
|
<text class="score-detail">{{report.bodyShape}} </text>(分)
|
||
|
</view>
|
||
|
|
||
|
<view class="btto"></view>
|
||
|
</view>
|
||
|
|
||
|
<view class="jineng">
|
||
|
身体机能
|
||
|
<view>
|
||
|
<text class="score-detail">{{report.bodyFunction}} </text>(分)
|
||
|
</view>
|
||
|
|
||
|
<view class="btto"></view>
|
||
|
</view>
|
||
|
|
||
|
<view class="suzhi">
|
||
|
身体素质
|
||
|
<view>
|
||
|
<text class="score-detail">{{report.bodyQuality}} </text>(分)
|
||
|
</view>
|
||
|
|
||
|
<view class="btto"></view>
|
||
|
</view>
|
||
|
</view>
|
||
|
|
||
|
<view class="card">
|
||
|
<view class="title">
|
||
|
我的总分
|
||
|
<text>{{report.totalScore}}<text class="unit">分</text></text>
|
||
|
</view>
|
||
|
|
||
|
<view class="score-box">
|
||
|
<text>60</text>
|
||
|
<text>80</text>
|
||
|
<text>90</text>
|
||
|
</view>
|
||
|
<view class="progress-box">
|
||
|
<view class="progress {{report.grade}}" style="width: {{report.width}};">
|
||
|
<text></text>
|
||
|
<text>{{report.totalScore}}</text>
|
||
|
</view>
|
||
|
</view>
|
||
|
<view class="score-box">
|
||
|
<view class="cut-box"></view>
|
||
|
<view class="cut-box"></view>
|
||
|
<view class="cut-box"></view>
|
||
|
</view>
|
||
|
|
||
|
<view class="grade-box">
|
||
|
<view >不及格</view>
|
||
|
<view >及格</view>
|
||
|
<view >良好</view>
|
||
|
<view >优秀</view>
|
||
|
</view>
|
||
|
</view>
|
||
|
|
||
|
<view class="card" wx:for="{{list}}" wx:key="index">
|
||
|
<view class="title">
|
||
|
{{item.name}}
|
||
|
<text>{{item.score}}<text class="unit">分</text></text>
|
||
|
</view>
|
||
|
|
||
|
<view class="with">
|
||
|
<image src="{{item.imgUrl}}" class="image-icon"/>
|
||
|
<view class="right">
|
||
|
<view class="score-box">
|
||
|
<text>60</text>
|
||
|
<text>80</text>
|
||
|
<text>90</text>
|
||
|
</view>
|
||
|
<view class="progress-box">
|
||
|
<view class="progress {{item.grade}}" style="width: {{item.width}};">
|
||
|
<text></text>
|
||
|
<text>{{item.score}}</text>
|
||
|
</view>
|
||
|
</view>
|
||
|
<view class="score-box">
|
||
|
<view class="cut-box"></view>
|
||
|
<view class="cut-box"></view>
|
||
|
<view class="cut-box"></view>
|
||
|
</view>
|
||
|
|
||
|
<view class="grade-box">
|
||
|
<view >不及格</view>
|
||
|
<view >及格</view>
|
||
|
<view >良好</view>
|
||
|
<view >优秀</view>
|
||
|
</view>
|
||
|
</view>
|
||
|
</view>
|
||
|
</view>
|
||
|
</view>
|
||
|
|
||
|
</view>
|