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' r>修改密码</view>
    </view>
  </view>

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

<scroll-view style='height:calc(100vh - 200rpx)' 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'>{{item.teacher ? item.teacher.name : ""}}记录</text>
        </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' style='width:130rpx;'>{{dietItem.z_recordType}}</text>
            <text class='kg-text-normal-gray' style='width:130rpx;'>{{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' style='width:130rpx;'>午睡</text>
            <text class='kg-text-normal-gray' style='width:130rpx;'>{{sleepItem.value}}分钟</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:'WC'}}"> </template>
          </view>
          <view class='kg-flex-row timeline-content-detail'>
            <text class='kg-text-normal-gray' style='width:130rpx;'>{{wcItem.z_recordType}}</text>
            <text class='kg-text-normal-gray' style='width:130rpx;'>{{wcItem.value}}次</text>
          </view>
        </view>
        <text class='kg-text-normal-gray' style='margin-left:60rpx;'>{{item.remark ? item.remark : ''}}</text>

        <view class='kg-separater' style='height:2rpx;margin-left:80rpx;margin-right:0rpx;'></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-normal-gray' style='margin-left:60rpx;'>{{item.pictureRemark ? item.pictureRemark : ''}}</text>
      </view>
    </view>



  </view>
</scroll-view>