YD_WeChatApplet/pages/parent/report/report.wxml

<!--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" wx:if="{{!isTrainee}}">
    <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 wx:else>
    <view class="card card1" wx:for="{{roomList}}" wx:key="id" bind:tap="goReportDetail" id="{{item.id}}">
      <view>{{item.startingEndingTime}}（{{item.time}}）</view>
      <mp-icon icon="arrow" size="{{13}}" color="#ccc"></mp-icon>
    </view>
    <view class="more" wx:if="{{haveMore}}">加载中...</view>
    <view class="more" wx:else>没有更多了哦~</view>
  </view>
</view>