<view id="plan">
  <view id="planInfoBox">
    <view id="planInfo">
      <view id="planInfoHead">
        <image id="userHead" src="{{ avatar }}" />
        <view id="username">{{ teenageName }}</view>
      </view>
      <view id="planInfoTime">
        <view class="planConDes">本周<text>{{beginTime}}~{{endTime}}</text></view>
        <view class="planInfoTimeDes">每天训练<text>{{trainingTimes}}</text>组</view>
        <view class="planInfoTimeDes">训练总时长<text>{{totalDuration}}</text>分钟</view>
        <view class="planInfoTimeDes" wx:for="{{trainingList}}" wx:key>·{{item.type}}<text>{{item.duration}}</text>分钟</view>
      </view>
    </view>
  </view>
  <view id="planInfoTip">训练计划随着您的孩子视力情况随机调整，请按时更新孩子视力情况，以便达到最合理的训练安排及最佳的效果！</view>
  <view id="planList">
    <view class="planListItem">
      <view class="planListItemTitle">
        <text>第一组</text>
        <text>{{trainingList[0].type}}</text>
      </view>
      <!-- 动态 -->
      <view class="planListItemCon" wx:if="{{trainingList[0].type=='动态训练'}}">
        <view><image class="planListItemIcon" src="../../assets/pic-dt.png" /></view>
        <view class="planListItemText">看视频的同时进行训练，通过丰富的内容画面，模拟真实世界场景，结合设备的远近调节，达到训练10分钟，满足当日长时间望远需要，锻炼睫状肌，缓解疲劳。</view>
      </view>
      <!-- 静态 -->
      <view class="planListItemCon" wx:elif="{{trainingList[0].type=='静态训练'}}">
        <view><image class="planListItemIcon" src="../../assets/pic-jt.png" /></view>
        <view class="planListItemText">看图片，听音乐进行训练，通过看自然风景，动漫人物， 科幻场景等主题图片来同时锻炼眼外肌和睫状肌的收缩性，改善睫状肌的收缩能力，从而预防和防控近视情况的产生。</view>
      </view>
      <!-- 单词 -->
      <view class="planListItemCon" wx:else>
        <view><image class="planListItemIcon" src="../../assets/pic-word.png" /></view>
        <view class="planListItemText">学单词的同时进行训练。单词与课本同步，使用艾宾浩斯记忆法，让孩子能够在高效学习单词的同时锻炼睫状肌和外眼肌，保护视力。</view>
      </view>
      <view class="planListItemTime"><image src="../../assets/icon_traintime.png"></image>训练{{trainingList[0].duration}}分钟</view>
    </view>
    <view class="planListItem">
      <view class="planListItemTitle">
        <text>第二组</text>
        <text>{{trainingList[1].type}}</text>
      </view>
      <!-- 动态 -->
      <view class="planListItemCon" wx:if="{{trainingList[1].type=='动态训练'}}">
        <view><image class="planListItemIcon" src="../../assets/pic-dt.png" /></view>
        <view class="planListItemText">看视频的同时进行训练，通过丰富的内容画面，模拟真实世界场景，结合设备的远近调节，达到训练10分钟，满足当日长时间望远需要，锻炼睫状肌，缓解疲劳。</view>
      </view>
      <!-- 静态 -->
      <view class="planListItemCon" wx:elif="{{trainingList[1].type=='静态训练'}}">
        <view><image class="planListItemIcon" src="../../assets/pic-jt.png" /></view>
        <view class="planListItemText">看图片，听音乐进行训练，通过看自然风景，动漫人物， 科幻场景等主题图片来同时锻炼眼外肌和睫状肌的收缩性，改善睫状肌的收缩能力，从而预防和防控近视情况的产生。</view>
      </view>
      <!-- 单词 -->
      <view class="planListItemCon" wx:else>
        <view><image class="planListItemIcon" src="../../assets/pic-word.png" /></view>
        <view class="planListItemText">学单词的同时进行训练。单词与课本同步，使用艾宾浩斯记忆法，让孩子能够在高效学习单词的同时锻炼睫状肌和外眼肌，保护视力。</view>
      </view>
      <view class="planListItemTime"><image src="../../assets/icon_traintime.png"></image>训练{{trainingList[1].duration}}分钟</view>
    </view>
  </view>
  <!-- 按钮组 -->
  <view id="planBtn">
    <button id="updatePlan" bindtap='update'>更新计划</button>
  </view>
</view>

<wxs module="we">
  var toFixed = function (value) {
    return Math.floor(value);
  }
  module.exports = {
    toFixed :toFixed
  }
</wxs>
