审核学生详情界面

app.json

 {
   "pages":[
+    "pages/home/reviewer/index",
     "pages/home/parents/index",
     "pages/home/teacher/index",
     "pages/add_record/index",
-    "pages/home/reviewer/index"
+    "pages/review_student/index"
   ],
   "window":{
     "backgroundTextStyle":"light",

app.wxss

@@ -28,7 +28,7 @@
 .kg-separater {
   background-color: #f2f6f9;
   height: 20rpx;
-  width: 100vw;
+  width: auto;
 }
 
 .kg-operate-btn-bg {
@@ -108,6 +108,7 @@
 	height: 70rpx;
 	line-height: 70rpx;
 	color: rgb(190, 190, 190);
+  font-size: 16px;
 }
 
 .eat_category_btn.selected {

pages/home/parents/index.wxml

@@ -32,12 +32,14 @@
         <text class='kg-text-normal-gray'>早餐</text>
         <text class='kg-text-normal-gray'>正常</text>
       </view>
+      <view class='kg-separater' style='height:2rpx;margin-left:100rpx;margin-right:0rpx;'></view>
       <!-- 睡觉 -->
       <template is='imgTextView' data="{{img:'sleep',text:'睡觉'}}"> </template>
       <view class='kg-flex-row timeline-content-detail'>
         <text class='kg-text-normal-gray'>午睡</text>
         <text class='kg-text-normal-gray'>50分钟</text>
       </view>
+      <view class='kg-separater' style='height:2rpx;margin-left:100rpx;margin-right:0rpx;'></view>
       <!-- wc -->
       <template is='imgTextView' data="{{img:'wc',text:'WC'}}"> </template>
       <view class='kg-flex-row timeline-content-detail'>
@@ -52,6 +54,7 @@
         <text class='kg-text-normal-gray'>diaper</text>
         <text class='kg-text-normal-gray'>4次</text>
       </view>
+      <view class='kg-separater' style='height:2rpx;margin-left:100rpx;margin-right:0rpx;'></view>
       <!-- 今日照片 -->
       <template is='imgTextView' data="{{img:'today',text:'今日照片'}}"> </template>
       <view class='home-student-picture-item' style='margin-left:40rpx;'>
@@ -85,12 +88,14 @@
         <text class='kg-text-normal-gray'>早餐</text>
         <text class='kg-text-normal-gray'>正常</text>
       </view>
+      <view class='kg-separater' style='height:2rpx;margin-left:100rpx;margin-right:0rpx;'></view>
       <!-- 睡觉 -->
       <template is='imgTextView' data="{{img:'sleep',text:'睡觉'}}"> </template>
       <view class='kg-flex-row timeline-content-detail'>
         <text class='kg-text-normal-gray'>午睡</text>
         <text class='kg-text-normal-gray'>50分钟</text>
       </view>
+      <view class='kg-separater' style='height:2rpx;margin-left:100rpx;margin-right:0rpx;'></view>
       <!-- wc -->
       <template is='imgTextView' data="{{img:'wc',text:'WC'}}"> </template>
       <view class='kg-flex-row timeline-content-detail'>
@@ -105,6 +110,7 @@
         <text class='kg-text-normal-gray'>diaper</text>
         <text class='kg-text-normal-gray'>4次</text>
       </view>
+      <view class='kg-separater' style='height:2rpx;margin-left:100rpx;margin-right:0rpx;'></view>
       <!-- 今日照片 -->
       <template is='imgTextView' data="{{img:'today',text:'今日照片'}}"> </template>
       <view class='home-student-picture-item' style='margin-left:40rpx;'>

pages/home/reviewer/index.js

@@ -5,9 +5,16 @@ Page({
    * 页面的初始数据
    */
   data: {
+    className: ['一班', '一班', '一班', '一班', '一班', '一班']
 
   },
 
+  tapStudent: function(e) {
+    wx.navigateTo({
+      url: '/pages/review_student/index',
+    })
+  },
+
   /**
    * 生命周期函数--监听页面加载
    */

pages/home/reviewer/index.wxml

 <!--pages/home/reviewer/index.wxml-->
-<text>pages/home/reviewer/index.wxml</text>
+<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:'/src/img/defaut_teacher_icon.png',title:'张小华',subTitle:'向日葵小班',sex:'m'}}"></template>
+  <view></view>
+</view>
+<view class='kg-separater'></view>
+
+<scroll-view style='height:calc(100vh - 200rpx)' scroll-y='true'>
+  <template is="section_header" data="{{title:'2018-09-12'}}"></template>
+
+  <view class="category">
+    <view wx:for="{{className}}">
+      <view class="eat_category_btn {{selectIndex == index ? 'selected' : ''}}" bindtap='tapCategory' data-index='{{index}}'>
+        {{item}}
+      </view>
+    </view>
+  </view>
+  <view class='kg-separater'></view>
+
+<!-- 记录的信息 -->
+  <view class='kg-quantity-cell' style="margin:10px;padding:10rpx 30rpx;" bindtap='tapStudent'>
+    <view class='textImg'></view>
+    <view class='kg-flex-row' style='justify-content:flex-start;margin-bottom:10rpx;'>
+      <view class='kg-text-title'>王小明</view>
+      <template is="sex" data="{{sex:'f'}}"></template>
+    </view>
+
+    <view class='home-student-picture-item' style='margin-left:0rpx;'>
+      <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='kg-flex-row' style='justify-content: space-between;margin:0rpx 20rpx; margin-top:10rpx'>
+      <template is='imgTextView' data="{{img:'eat',text:'12' }}"> </template>
+      <template is='imgTextView' data="{{img:'sleep',text:'2' }}"> </template>
+      <template is='imgTextView' data="{{img:'wc',text:'2' }}"> </template>
+    </view>
+  </view>
+
+  <!-- <view class='kg-quantity-cell' style="margin:10px;padding:10rpx 30rpx;">
+    <view class='textImg'></view>
+    <view class='kg-flex-row' style='justify-content:flex-start;margin-bottom:10rpx;'>
+      <view class='kg-text-title'>王小明</view>
+      <template is="sex" data="{{sex:'f'}}"></template>
+    </view>
+
+    <view class='home-student-picture-item' style='margin-left:0rpx;'>
+      <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='kg-flex-row' style='justify-content: space-between;margin:0rpx 20rpx; margin-top:10rpx'>
+      <template is='imgTextView' data="{{img:'eat',text:'12' }}"> </template>
+      <template is='imgTextView' data="{{img:'sleep',text:'2' }}"> </template>
+      <template is='imgTextView' data="{{img:'wc',text:'2' }}"> </template>
+    </view>
+  </view>
+
+  <view class='kg-quantity-cell' style="margin:10px;padding:10rpx 30rpx;">
+    <view class='textImg'></view>
+    <view class='kg-flex-row' style='justify-content:flex-start;margin-bottom:10rpx;'>
+      <view class='kg-text-title'>王小明</view>
+      <template is="sex" data="{{sex:'f'}}"></template>
+    </view>
+
+    <view class='home-student-picture-item' style='margin-left:0rpx;'>
+      <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='kg-flex-row' style='justify-content: space-between;margin:0rpx 20rpx; margin-top:10rpx'>
+      <template is='imgTextView' data="{{img:'eat',text:'12' }}"> </template>
+      <template is='imgTextView' data="{{img:'sleep',text:'2' }}"> </template>
+      <template is='imgTextView' data="{{img:'wc',text:'2' }}"> </template>
+    </view>
+  </view> -->
+
+</scroll-view>
\ No newline at end of file

pages/home/reviewer/index.wxss

-/* pages/home/reviewer/index.wxss */
\ No newline at end of file
+/* pages/home/reviewer/index.wxss */
+
+@import '../../add_record/index.wxss'
\ No newline at end of file

pages/review_student/index.js

+// pages/review_student/index.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})
\ No newline at end of file

pages/review_student/index.json

+{}
\ No newline at end of file

pages/review_student/index.wxml

+<!--pages/review_student/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:'/src/img/defaut_teacher_icon.png',title:'张小华',subTitle:'向日葵小班',sex:'m'}}"></template>
+  <view></view>
+</view>
+<view class='kg-separater'></view>
+
+<scroll-view style='height:calc(100vh - 200rpx)' scroll-y='true'>
+  <view class='kg-quantity-cell timeline-content' style='margin-left:20rpx;'>
+      <view class='kg-flex-row' style='margin-bottom:20rpx;'>
+        <text class='kg-text-title'>2018-09-11 星期二</text>
+        <text class='kg-text-normal-gray'>王xx老师记录</text>
+      </view>
+      <template is='imgTextView' data="{{img:'eat',text:'饮食'}}"> </template>
+      <view class='kg-flex-row timeline-content-detail'>
+        <text class='kg-text-normal-gray'>早餐</text>
+        <text class='kg-text-normal-gray'>正常</text>
+      </view>
+      <view class='kg-flex-row timeline-content-detail'>
+        <text class='kg-text-normal-gray'>早餐</text>
+        <text class='kg-text-normal-gray'>正常</text>
+      </view>
+      <view class='kg-flex-row timeline-content-detail'>
+        <text class='kg-text-normal-gray'>早餐</text>
+        <text class='kg-text-normal-gray'>正常</text>
+      </view>
+      <view class='kg-separater' style='height:2rpx;margin-left:100rpx;margin-right:0rpx;'></view>
+      <!-- 睡觉 -->
+      <template is='imgTextView' data="{{img:'sleep',text:'睡觉'}}"> </template>
+      <view class='kg-flex-row timeline-content-detail'>
+        <text class='kg-text-normal-gray'>午睡</text>
+        <text class='kg-text-normal-gray'>50分钟</text>
+      </view>
+      <view class='kg-separater' style='height:2rpx;margin-left:100rpx;margin-right:0rpx;'></view>
+      <!-- wc -->
+      <template is='imgTextView' data="{{img:'wc',text:'WC'}}"> </template>
+      <view class='kg-flex-row timeline-content-detail'>
+        <text class='kg-text-normal-gray'>pee</text>
+        <text class='kg-text-normal-gray'>4次</text>
+      </view>
+      <view class='kg-flex-row timeline-content-detail'>
+        <text class='kg-text-normal-gray'>poo</text>
+        <text class='kg-text-normal-gray'>4次</text>
+      </view>
+      <view class='kg-flex-row timeline-content-detail'>
+        <text class='kg-text-normal-gray'>diaper</text>
+        <text class='kg-text-normal-gray'>4次</text>
+      </view>
+      <view class='kg-separater' style='height:2rpx;margin-left:100rpx;margin-right:0rpx;'></view>
+      <!-- 今日照片 -->
+      <template is='imgTextView' data="{{img:'today',text:'今日照片'}}"> </template>
+      <view class='home-student-picture-item' style='margin-left:40rpx;'>
+        <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>
+</scroll-view>
\ No newline at end of file

pages/review_student/index.wxss

+/* pages/review_student/index.wxss */
+
+@import '../home/parents/index.wxss'
\ No newline at end of file