微信小程序-任课老师页面

wxml:

任课老师页面
  
  
  




    {{item.teachername}}
    {{item.course}}
    
    留言
    评教
    
        

     

  
  

wxss:

/* pages/teachers/teachers.wxss */

 .section{
  width: 100%;
  height: 300rpx;
   margin-top:5rpx; 
  background: whitesmoke;
  display: flex;
} 
.header{
  width: 100%;
  height: 70rpx;
  line-height: 70rpx;
  text-align: center;
  background-color: wheat;
}
.image{
  /* border: 1px solid #f00; */
  width: 250rpx;
  height: 250rpx;
  text-align: center; 
  margin-left: 20rpx;
  margin-top: 30rpx;
}
.content{
  margin-left: 30rpx;
}
.top,.middle,.bottom{
  margin-top: 20rpx;
}
 .middle{  
   color: #ccc;
 }
 .bottom{
  display: flex;     
 }
  .bottom navigator{
    background: wheat; 
    margin-left:60rpx;
    text-align: center;
    width: 100rpx;
    height: 50rpx; 
    padding: 5px 10px;    
 }

js:

// pages/teachers/teachers.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
  teachers:null,
  src:'../image/2.jpg'
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    var url = "https://*******/pj/index.php/student/api/teachers";//仅为示例
    // let self = this;
    //读取缓存
   var student = wx.getStorageSync('student');
   var classid = student.classid;
  //  var classid = '100000-1603';
  
   wx.request({
     url: url,
     data:{
       classid: classid
     },
     header:{
       'content-type':'application/json'

     },
     success:(res)=>{
       console.log(res.data);
       this.setData({teachers:res.data});
     }
   })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
  
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
  
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
  
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
  
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
  
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
  
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
  
  }
})