reader/pages/medalStore/index.wxml

<view class="medalStore">
  <view class="header">
    <view class="left">
      <view class="title">我的勋章</view>
      <view class="tips">累计已获得勋章5个</view>
      <view class="tips">朗读配音可获得以下勋章哦，其他勋章敬请期待～</view>
    </view>
    <view class="right">
      5
    </view>
  </view>
  <view class="body">
    <view class="medalsBox" wx:for="{{4}}" wx:key="index">
      <view class="title">签到勋章</view>
      <view class="medalList">
        <view class="medal" wx:for="{{5}}" wx:key="index">
          <image src="/static/01.png" class="medalImg" />
          <view class="name">首次签到</view>
        </view>
      </view>
    </view>
  </view>
  <Media id="media"/>
</view>