index.wxml

<!--pages/home/teacher/index.wxml-->
<import src='/template/operate_btn/index.wxml'></import>
<view class='home-header'>
  <image class='home-header-user-icon' src='{{userIcon}}'></image>
  <view class='home-header-user-info'>
    <view class='kg-text-title'>向日葵小班-张老师</view>
    <view class='kg-text-normal-gray'>共19人</view>
  </view>
  <view class='home-header-roll-call'>
    <image class='roll-call-image' src='{{signIcon}}'></image>
    <view class='roll-call-title'>点名</view>
  </view>
</view>
<view class='kg-separater'></view>
<!-- 滑动区域 -->
<scroll-view style='height:calc(100vh - 200rpx - 140rpx)' scroll-y='true'>
  <template is="section_header" data="{{title:'2018-09-12'}}"></template>
  <view wx:for="{{[1,2,3,4,5,6]}}">
    <view class='home-student-info'>
      <!-- 名字 -->
      <view class='home-student-name'>
        <view class='kg-text-normal-dark'>张小华</view>
        <image class='home-student-sex' src='/src/img/female.png' mode='aspectFit'></image>
      </view>
      <!-- 图片 -->
       <view class='home-student-picture-item'>
        <image src='/src/img/student_picture.png' class='home-student-picture' mode='aspectFill'></image>
        <image src='/src/img/student_picture.png' class='home-student-picture' mode='aspectFill'></image>
        <image src='/src/img/student_picture.png' class='home-student-picture' mode='aspectFill'></image>
      </view>
      <!-- 行为 -->
      <view class='home-student-name' style='justify-content: space-between;margin:0rpx 10rpx;'>
        <view wx:for="{{[1,2,3]}}">
          <view class='home-student-name'>
            <image src='/src/img/eat.png' class='home-student-behavior' mode='aspectFit'></image>
            <view class='kg-text-normal-dark'>吃饭</view>
          </view>
        </view>
      </view>
    </view>
  </view>
</scroll-view>
<template is="operate_btn" data="{{title:'记录一笔'}}"></template>