lvdao_v4/miniprogram/pages/person/index.wxml

<view class="container">
  <view class="userinfo">
    <image src="{{g_cdn}}/images/msg_user@2x.png" mode="aspectFit" />
    <view class="usercon">
      <image class="icon" src="{{userInfo.avatarUrl}}" mode="aspectFit" />
      <text class="username">{{userInfo.nickName}}</text>
      <view class='bar'>
        <view class="line" style="width: {{levelStr[userInfo.level].full?(userInfo.score / levelStr[userInfo.level].full * 100):100}}'%'" />
      </view>

      <view class="r_text">
        <text>Lv.{{userInfo.level + 1}} {{levelStr[userInfo.level].str}}</text>
        <text>{{userInfo.score||0}} / {{levelStr[userInfo.level].full || '5000+'}}</text>
        <text wx:if="{{levelStr[userInfo.level+1].full}}">下个等级是{{levelStr[userInfo.level+1].str}}</text>
      </view>

    </view>
  </view>

  <view class="record">
    <view class="re_listcon" style="opacity: {{!isList ? '0' : '1'}}">
      <view class="re_header">
        <image src="{{g_cdn}}/images/msg_record@2x.png" mode="heightFix" />
      </view>

      <view class="re_body">
        <view class="item_con">
          <view class="item" bindtap="handleItem" data-roomId="{{item.roomId}}" wx:for="{{recordlist}}" wx:key="item">
            <text>{{item.type == 'activity' ? '活动模式':'普通模式'}}</text>
            <text>{{item.createTime}}</text>
            <image wx:if="{{item.type == 'activity'}}" src="{{g_cdn}}/images/btn_enter@2x.png" mode="widthFix" />
            <score class="score" score="{{item.score}}" wx:else />
          </view>
        </view>
      </view>

      <paging class="re_paging" bindchangeCurrent="changeCurrent" paging="{{paging}}" g_cdn="{{g_cdn}}" />
    </view>

    <view class="re_detail" style="left: {{!isList ? '0' : '130%'}}">

      <view class="re_header" bindtap="backlist">
        <image class="jiantou" src="{{g_cdn}}/images/left@2x.png" mode="heightFix" />
        <image class="detail" src="{{g_cdn}}/images/msg_detail@2x.png" mode="heightFix" />
      </view>

      <view class="re_survey">
        <view>完成时间：<text>{{roomDetail.endTime}}</text>
        </view>
        <view class="score_con">
          <view>我的积分：
            <score score="{{roomDetail.scoreMy}}" />
          </view>
          <view>团队积分：
            <score score="{{roomDetail.scoreTotal}}" />
          </view>
        </view>
      </view>

      <view class="re_list">
        <view class="lst_header">
          <text>排名</text>
          <text>微信昵称</text>
          <text>积分</text>
          <text>用时</text>
        </view>

        <view class="lst_con">
          <view class="lst_item" wx:for="{{roomDetail.ranking}}" wx:key="index">
            <text>{{index + 1}}</text>
            <text>{{item.nickName}}</text>
            <text>{{item.score}}分</text>
            <text>{{item.time||'-'}}</text>
          </view>
        </view>
      </view>

    </view>


  </view>

</view>