werun-wxapp/nova-werun/pages/home/medal/index.wxml

<!--nova-werun/pages/home/medal/index.wxml-->
<nav type="back" title="我的勋章" background-color="{{'#4F9AF7'}}" front-color="{{'#333333'}}"></nav>
<view class="all">
  <view class="infobox">
    <image class="avater" src="{{user.avatar}}"></image>
    <view class="info">
      <view class="name">{{user.nickname}}</view>
    </view>
  </view>

  <view class="medalbox">
    <view class="med-text">全部勋章</view>
    <view class="med-infobox">
      <block wx:for="{{medalList}}" wx:key="index">
        <view class="med-info" bindtap="showPopup" data-index="{{index}}">
          <block wx:if="{{item.user}}">
            <image src="{{item.image}}" style="margin-top: 52rpx;"></image>
          </block>
          <block wx:else>
            <image src="{{item.imageIn}}" style="margin-top: 52rpx;"></image>
          </block>
          <view class="med-name">{{item.name}}</view>
          <block wx:if="{{item.user}}">
            <view class="med-time">{{item.createdAt}}</view>
          </block>
        </view>
      </block>
    </view>
  </view>
</view>

<!-- 勋章介绍 -->
<van-popup round show="{{ show }}" position="bottom" bind:close="onClose">
  <view class="medPopup">
    <view class="title-title">{{chickMedal.name||'勋章介绍'}}</view>
    <view class="text">您已累计运动 {{distance||0}} km</view>
    <view class="text">解锁勋章需满足：</view>
    <view class="li">累计运动距离达 {{(chickMedal.condition.distance/1000)||0}} km</view>
    <view class="text" wx:if="{{chickMedal.user}}">已在 {{chickMedal.createdAt}} 解锁本勋章！</view>
    <view class="text" wx:else>暂未解锁本勋章，一起加油吧！</view>
  </view>
</van-popup>