index.wxml

<!--pages/home/parents/index.wxml-->
<import src='/template/operate_btn/index.wxml'></import>

<view class='kg-separater' style='height:2rpx;'></view>
<view class='kg-home-header kg-flex-row'>
  <template is='userInfo' data="{{userImg:userIcon,title:student.name,subTitle:student.className,sex:sex}}"></template>
  <view class='kg-flex-column' style='align-items:flex-end;'>
    <!-- <image class='top_logo' src='/src/img/parent_logo.png'></image> -->
    <view class='home-header-roll-call' bindtap='changePwdTap'>
      <image class='roll-call-image' src='{{rightIcon}}'></image>
      <view class='roll-call-title'> </view>
    </view>
  </view>

</view>
<view class='kg-separater'></view>

<!-- 首页 -->
<scroll-view hidden="{{selectedIndex != '0'}}" style='height:calc(100vh - 200rpx - 100rpx)' scroll-y='true' bindscrolltolower='scrollToLower' bindscrolltoupper='scrollToUpper'>

  <!-- <view class='kg-text-light-gray more-text' hidden='{{hideTopMore}}'>下拉加载中…</view> -->
  <view wx:for="{{records}}" wx:key="item">
    <view class='timeline-cell'>
      <view class='timeline-line-container'>
        <view class='timeline-line'></view>
        <image class='timeline-cycle' src='/src/img/timeline-cycle.jpeg'></image>
      </view>
      <view class='kg-quantity-cell timeline-content'>
        <view class='kg-flex-row'>
          <text class='kg-text-title'>{{item.recordDate}}</text>
          <text class='kg-text-light-gray'> </text>
        </view>

        <!-- 照片 -->
        <template is='imgTextView' data="{{img:'today',text:'照片'}}"> </template>
        <view class='home-student-picture-item' style='margin-left:40rpx;'>
          <view wx:for="{{item.arrPic}}" wx:for-item="picItem" wx:for-index="picIndex" wx:key="picItem">
            <image src='{{picItem}}' class='home-student-picture' catchtap='previewPic' data-index='{{index}}' data-picIndex='{{picIndex}}' mode='aspectFill'></image>
          </view>
        </view>
        <text class='kg-text-light-gray' style='margin-left:60rpx;margin-right:35rpx;'>{{item.pictureRemark ? item.pictureRemark : ''}}</text>

        <view class='kg-separater' style='height:2rpx;margin-left:80rpx;margin-right:0rpx;'></view>


        <!-- 饮食 -->
        <view wx:for="{{item.dietRecord}}" wx:for-item="dietItem" wx:for-index="dietIndex" wx:key="dietItem.id">
          <view wx:if="{{dietIndex == 0}}">
            <template is='imgTextView' data="{{img:'eat',text:'饮食'}}"> </template>
          </view>
          <view class='kg-flex-row timeline-content-detail'>
            <text class='kg-text-normal-gray'>{{dietItem.z_recordType}}</text>
            <text class='kg-text-normal-gray'>{{dietItem.z_eatState}}</text>
          </view>
        </view>


        <!-- 睡觉 -->
        <view wx:for="{{item.sleepRecord}}" wx:for-item="sleepItem" wx:for-index="sleepIndex" wx:key="sleepItem.id">
          <view wx:if="{{sleepIndex == 0}}">
            <view class='kg-separater' style='height:2rpx;margin-left:80rpx;margin-right:0rpx;'></view>
            <template is='imgTextView' data="{{img:'sleep',text:'睡眠'}}"> </template>
          </view>
          <view class='kg-flex-row timeline-content-detail'>
            <text class='kg-text-normal-gray'>午睡</text>
            <text class='kg-text-normal-gray'>{{sleepItem.value ? sleepItem.value : '0'}}分钟</text>
          </view>
        </view>


        <!-- wc -->
        <view wx:for="{{item.wcRecord}}" wx:for-item="wcItem" wx:for-index="wcIndex" wx:key="wcItem.id">
          <view wx:if="{{wcIndex == 0}}">
            <view class='kg-separater' style='height:2rpx;margin-left:80rpx;margin-right:0rpx;'></view>
            <template is='imgTextView' data="{{img:'wc',text:'大小便'}}"> </template>
          </view>
          <view class='kg-flex-row timeline-content-detail'>
            <text class='kg-text-normal-gray'>{{wcItem.z_recordType}}</text>
            <text class='kg-text-normal-gray'>{{wcItem.value ? wcItem.value : '0'}}次</text>
          </view>
        </view>
        <text class='kg-text-light-gray' style='margin-left:60rpx;margin-right:35rpx;'>{{item.remark ? item.remark : ''}}</text>
      </view>
    </view>
  </view>
  <image hidden="{{records.length != 0}}" src='/src/img/empty_data.png' class='empty-data'></image>
</scroll-view>

<!-- 食谱 -->
<view hidden="{{selectedIndex != '1'}}">
  <image class='recipe-image' hidden="{{isRecipeNull == true}}" src='{{recipeImage}}' mode='widthFix'  bindtap='tapRecipe'></image>

  <image hidden="{{isRecipeNull != true}}" src='/src/img/empty_data.png' class='empty-data'></image>
  <view style='height:100rpx;width:auto;'></view>
</view>



<!-- 课表 -->
<view hidden="{{selectedIndex != '2'}}">
    <image hidden='{{attachment == null}}' class='scheduleImage' src='{{scheduleImage}}' mode='widthFix' bindtap='tapSchedule'></image>
    <view hidden='{{musicUrl == null}}' class='kg-home-header kg-flex-row music-board' style='width:100vw;height:120rpx;'>
      <view class='kg-flex-row'>
        <image src='{{btnImage}}' style='width:120rpx;height:120rpx;' bindtap='tapPlayButton'></image>
        <text style='font-size: 26rpx;margin-left:32rpx;color:#4f4f4f;'>{{current.name}}</text>
      </view>
    </view>

  <image hidden="{{attachment != null && musicUrl != null}}" src='/src/img/empty_data.png' class='empty-data'></image>
  <view style='height:100rpx;width:auto;'></view>
</view>

<view style='position:fixed;bottom: 0rpx;height:100rpx;background-color:white;width:100vw;'>
  <view class='kg-separater' style='height:4rpx;'></view>
  <view class='kg-flex-row tab-bg'>
    <view class='kg-flex-column tab-item' bindtap='tapTabItem' data-index='0'>
      <image class='tab-image' src="{{selectedIndex=='0' ? '/src/img/home_select.png' : '/src/img/home_unselect.png'}} "></image>
      <view style='text-align:center;font-size: 24rpx;'>首页</view>
    </view>
    <view class='kg-flex-column tab-item' bindtap='tapTabItem' data-index='1'>
      <image class='tab-image' src="{{selectedIndex=='1' ? '/src/img/recipe_select.png' : '/src/img/recipe_unselect.png'}} "></image>
      <view style='text-align:center;font-size: 24rpx;'>食谱</view>
    </view>
    <view class='kg-flex-column tab-item' bindtap='tapTabItem' data-index='2'>
      <image class='tab-image' src="{{selectedIndex=='2' ? '/src/img/schedule_select.png' : '/src/img/schedule_unselect.png'}} "></image>
      <view style='text-align:center;font-size: 24rpx;'>课表</view>
    </view>
  </view>
</view>