YD_WeChatApplet/pages/student/train/train.wxml

<!--subpackage/student/train/train.wxml-->
<view class="page-content">
  <mp-bar background="linear-gradient(190deg, #49a5fc 0%, #f7f7f7 800rpx, #f7f7f7 100%)" title="首页" color="#fff" back="{{false}}"></mp-bar>
  <!-- 切换栏 -->
  <view class="change-tab" >
    <view class="change-tab-item  {{isMe?'tab-click':''}}" id="me" bind:tap="changeTab">个人</view>
    <view class="change-tab-item  {{isMe?'':'tab-click'}}" id="team" bind:tap="changeTab">团队</view>
  </view>

  <!-- 目标 -->
  <view class="base-box goal" bind:tap="goGolabDeatil" wx:if="{{isMe}}">
    <view class="title">
      <view class="title-before"></view>今日目标
    </view>

    <view >
      <harf-ring percent="{{goal.completionRate != null ? goal.completionRate : 0}}" percentStr="{{goal.completionRateStr}}" all="{{goal.goalAmount}}" sum="{{goal.completedCount}}"></harf-ring>
    </view>
    
    <view class="toast" wx:if="{{!goal.goalAmount || goal.goalAmount == 0 }}">点击去设置今日目标~</view>

    <view class="goal-total">
      <view class="goal-total-item">
      <view class="goal-total-item-top">
        <image src="https://yuedong-wechatapplet.oss-cn-shanghai.aliyuncs.com/static/last.png" class="goal-img"/>
        上次跳绳(个)
      </view>
      <view class="goal-total-item-num">{{goal.lastCount}}</view>
      </view>

      <view class="goal-total-item">
      <view class="goal-total-item-top">
        <image src="https://yuedong-wechatapplet.oss-cn-shanghai.aliyuncs.com/static/all.png" class="goal-img"/>
        累计跳绳(个)
      </view>
      <view class="goal-total-item-num">{{goal.accumulatedCount}}</view>
      </view>
    </view>
  </view>

  <!-- 训练 -->
  <view class="base-box train" wx:if="{{isMe}}">
    <view class="title">
      <view class="title-before"></view>训练
    </view>
    <view class="train-box">
      <image src="{{'https://yuedong-wechatapplet.oss-cn-shanghai.aliyuncs.com/static/train/'+item.img}}" wx:for="{{trainList}}" wx:key="index" id="{{item.img}}"  class="train-box-item" bind:tap="goTrainer" mode=""/>
    </view>
  </view>

  <!-- 统计 -->
  <view class="base-box tongji" wx:if="{{isMe}}" bind:tap="goTongji">
    <view class="tongji-tit">
      <view class="title">
        <view class="title-before"></view>统计
      </view>
      <view class="plan">
        追踪每刻 超越自我
      </view>
    </view>

    <view class="tongji-tit tongji-content">
      <view style="display: flex;">
        <view class="img-box">
          <image src="https://yuedong-wechatapplet.oss-cn-shanghai.aliyuncs.com/static/train/charts.png" class="img-box-img"/>
        </view>
        <view class="miaoshu">
          运动数据统计
          <view class="miaoshu-text">
            今天也要努力运动呀！
          </view>
        </view>
      </view>
      <view class="right-box">
        <mp-icon  icon="arrow" color="#287DF6" size="{{12}}"></mp-icon>
      </view>
    </view>
  </view>

  <!-- 团队 -->
  <view class="goal team" wx:if="{{!isMe}}">
    <view>
      <view class="team-tab">
        <view class="team-tab-item {{teamIsMe ?'team-tab-click' :''}}" id="myCreat" bind:tap="changeTab">
        <image src="https://yuedong-wechatapplet.oss-cn-shanghai.aliyuncs.com/static/train/team-creat.png" wx:if="{{teamIsMe}}" mode=""/>
        我创建的
        </view>
        <view class="team-tab-item {{!teamIsMe ?'team-tab-click' :''}}" id="join" bind:tap="changeTab">
        <image src="https://yuedong-wechatapplet.oss-cn-shanghai.aliyuncs.com/static/train/team-creat.png" wx:if="{{!teamIsMe}}" mode=""/>
        我加入的
        </view>
      </view>
      <view wx:if="{{teamList.length > 0 }}">
        <view class="tongji-tit tongji-content team-item" wx:for="{{teamList}}" wx:key="groupId" bind:tap="goTeamDetail" id="{{item.groupId}}" data-name="{{item.groupName}}">
      <view style="display: flex;">
        <view class="img-box team-group">
          <image src="https://yuedong-wechatapplet.oss-cn-shanghai.aliyuncs.com/static/train/team-group.png" class="img-box-img" style="width: 36rpx; height: 36rpx;"/>
        </view>
        <view class="miaoshu">
          群组名称：{{item.groupName}}
          <view class="miaoshu-text">
            已加入：{{item.memberCount}}人
          </view>
        </view>
      </view>
      <image src="https://yuedong-wechatapplet.oss-cn-shanghai.aliyuncs.com/static/train/team-right.png" class="right-img" mode=""/>
      </view>
      </view>
      <view wx:else style="text-align: center;padding-top: 50rpx;">暂无群组，快去{{teamIsMe?'创建':'加入'}}吧~</view>
      
      <view class="btn-creat" bind:tap="newTeam" wx:if="{{teamIsMe}}">
        创建群组
      </view>
    </view>


  </view>
</view>