schoolwisdoms-student-mp/pages/classTotalList/classTotalList.wxml

<view class="container">
  <view class="class-view">
    <view class="class-list">
      <view class="class-box" wx:for="{{list}}" wx:key="index">
        <view class="class-content">
          <view class="class-detail">
            <view class="class-title">小象钢琴</view>
            <view class="class-used">已上课时：1次</view>
            <view class="class-vaild">有效期至：2021.05.01</view>
          </view>
          <view class="class-lastTotal">
            <view class="class-lastNum">22</view>
            <view class="class-lastTitle">剩余课时</view>
          </view>
        </view>
        <view class="class-tip">本课程请假余额 5 次</view>
      </view>
    </view>
  </view>
</view>