'message'

app.json

@@ -1,8 +1,12 @@
 {
     "pages": [
+        "pages/teacherList/teacherList",
+        "pages/stuNeed/stuNeed",
+        "pages/teachDetail/teachDetail",
+        "pages/coursePublish/coursePublish",
         "pages/teachAuthentication/teachAuthentication",
-        "pages/login/login",
         "pages/myInfo/myInfo",
+        "pages/login/login",
         "pages/index/index"
     ],
     "window": {

iconfont/iconfont.wxss

@@ -1,8 +1,8 @@
 @font-face {
     font-family: "iconfont"; /* Project id 3570109 */
-    src: url('//at.alicdn.com/t/c/font_3570109_o0du10hwzg9.woff2?t=1659686852574') format('woff2'),
-         url('//at.alicdn.com/t/c/font_3570109_o0du10hwzg9.woff?t=1659686852574') format('woff'),
-         url('//at.alicdn.com/t/c/font_3570109_o0du10hwzg9.ttf?t=1659686852574') format('truetype');
+    src: url('//at.alicdn.com/t/c/font_3570109_fgsvuni2no.woff2?t=1660117470644') format('woff2'),
+         url('//at.alicdn.com/t/c/font_3570109_fgsvuni2no.woff?t=1660117470644') format('woff'),
+         url('//at.alicdn.com/t/c/font_3570109_fgsvuni2no.ttf?t=1660117470644') format('truetype');
   }
   
   .iconfont {
@@ -13,6 +13,22 @@
     -moz-osx-font-smoothing: grayscale;
   }
   
+  .icon-sousuo:before {
+    content: "\e651";
+  }
+  
+  .icon-quxiao:before {
+    content: "\e60f";
+  }
+  
+  .icon-shanchu:before {
+    content: "\ec7b";
+  }
+  
+  .icon-xiangxia:before {
+    content: "\e612";
+  }
+  
   .icon-tupian:before {
     content: "\e607";
   }

pages/coursePublish/coursePublish.js

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

pages/coursePublish/coursePublish.json

@@ -0,0 +1,4 @@
+{
+    "usingComponents": {},
+    "navigationBarTitleText": "课程发布"
+}

pages/coursePublish/coursePublish.wxml

@@ -0,0 +1,94 @@
+<!--pages/coursePublish/coursePublish.wxml-->
+<view>
+    <view class="course-container">
+        <text class="course-title">授课科目*</text>
+        <view class="course-list">
+            <text class="course">主教</text>
+            <view class="course-cho">
+                <text>请选择</text>
+                <image class="iconImg" src="../../images/down.png"></image>
+            </view>
+            <view class="course-cho">
+                <text>请选择</text>
+                <image class="iconImg" src="../../images/down.png"></image>
+            </view>
+            <view class="course-cho">
+                <text>请选择</text>
+                <image class="iconImg" src="../../images/down.png"></image>
+            </view>
+        </view>
+        <view class="course-list">
+            <text class="course">辅教</text>
+            <view class="course-cho">
+                <text>请选择</text>
+                <image class="iconImg" src="../../images/down.png"></image>
+            </view>
+            <view class="course-cho">
+                <text>请选择</text>
+                <image class="iconImg" src="../../images/down.png"></image>
+            </view>
+            <view class="course-cho">
+                <text>请选择</text>
+                <image class="iconImg" src="../../images/down.png"></image>
+            </view>
+        </view>
+    </view>
+    <view>
+        <text class="tr-title">授课时间*</text>
+        <view class="tr-container">
+            <view class="tr_1">
+                <text class="th_0" decode="true">&ensp;&ensp;&ensp;&ensp;</text>
+                <text class="th_1">周一</text>
+                <text class="th_1">周二</text>
+                <text class="th_1">周三</text>
+                <text class="th_1">周四</text>
+                <text class="th_1">周五</text>
+                <text class="th_1">周六</text>
+                <text class="th_2">周日</text>
+            </view>
+            <view class="tr_2">
+                <checkbox-group>
+                    <view class="th2_0">上午</view>
+                    <checkbox class="th2_1"></checkbox>
+                    <checkbox class="th2_1"></checkbox>
+                    <checkbox class="th2_1"></checkbox>
+                    <checkbox class="th2_1"></checkbox>
+                    <checkbox class="th2_1"></checkbox>
+                    <checkbox class="th2_1"></checkbox>
+                    <checkbox class="th2_2"></checkbox>
+                </checkbox-group>
+            </view>
+            <view class="tr_2">
+                <checkbox-group>
+                    <view class="th2_0">下午</view>
+                    <checkbox class="th2_1"></checkbox>
+                    <checkbox class="th2_1"></checkbox>
+                    <checkbox class="th2_1"></checkbox>
+                    <checkbox class="th2_1"></checkbox>
+                    <checkbox class="th2_1"></checkbox>
+                    <checkbox class="th2_1"></checkbox>
+                    <checkbox class="th2_2"></checkbox>
+                </checkbox-group>
+            </view>
+            <view class="tr_2">
+                <checkbox-group>
+                    <view class="th2_0">晚上</view>
+                    <checkbox class="th2_1"></checkbox>
+                    <checkbox class="th2_1"></checkbox>
+                    <checkbox class="th2_1"></checkbox>
+                    <checkbox class="th2_1"></checkbox>
+                    <checkbox class="th2_1"></checkbox>
+                    <checkbox class="th2_1"></checkbox>
+                    <checkbox class="th2_2"></checkbox>
+                </checkbox-group>
+            </view>
+        </view>
+    </view>
+
+    <view class="suc-exap">
+        <text>成功案例*</text>
+        <textarea class="case" name="成功案例" id="" cols="30" rows="10" maxlength="120"></textarea>
+    </view>
+
+</view>
+<button class="subBtn" type="primary">发布课程</button>

pages/coursePublish/coursePublish.wxss

@@ -0,0 +1,107 @@
+/* pages/coursePublish/coursePublish.wxss */
+
+/* 授课科目 */
+.course-container{
+    margin-left: 20rpx;
+}
+.course-title{
+    margin-top: 20rpx;
+}
+.course-list{
+    display: flex;
+    margin-top: 20rpx;
+}
+.course{
+    width: 20%;
+}
+.course-cho{
+    width: 25%;
+}
+.iconImg{
+    width: 30rpx;
+    height: 30rpx;
+}
+
+/* 授课时间 */
+.tr-title{
+    display: block;
+    margin-left: 20rpx;
+    margin-top: 20rpx;
+}
+.tr-container{
+    display: flex;
+    position: relative;
+    width: 96%;
+    flex-direction: column;
+    font-size: 26rpx;
+    /* border: 1rpx solid gray; */
+    margin: 20rpx;
+}
+
+.tr_1 {
+    display: flex;
+    position: relative;
+    height: 80rpx;
+    line-height: 80rpx;
+}
+.tr_2{
+    display: inline-block;
+    height: 80rpx;
+    line-height: 80rpx;
+}
+
+.th_0,
+.th_1,
+.th_2,
+.th2_0,
+.th2_1,
+.th2_2{
+    width: 12%;
+    height: 80rpx;
+    line-height: 80rpx;
+    border-right: 1rpx solid gray;
+    border-bottom: 1rpx solid gray;
+    text-align: center;
+}
+
+.th_0,
+.th_1,
+.th_2{
+    border-top: 1rpx solid gray;
+}
+
+.th_0,
+.th2_0{
+    border-left: 1rpx solid gray;
+}
+
+.th2_0{
+    float: left;
+    width: 12%;
+    height: 80rpx;
+    line-height: 80rpx;
+    text-align: center;
+    /* background-color: greenyellow; */
+}
+
+/* 复选框大小 */
+.wx-checkbox-input{
+    width: 22rpx !important;
+    height: 22rpx !important;
+}
+
+/* 案例 */
+.suc-exap{
+    margin-left: 20rpx;
+}
+.case{
+    width: 94%;
+    border: 1rpx solid gray;
+    padding-left: 10rpx;
+    margin-top: 20rpx;
+}
+
+/* 提交按钮 */
+.subBtn {
+    margin-top: 40rpx;
+}

pages/stuNeed/stuNeed.js

@@ -0,0 +1,71 @@
+// pages/stuNeed/stuNeed.js
+Page({
+
+    /**
+     * 页面的初始数据
+     */
+    data: {
+
+        list:[
+            {name:"小学",xlist:["语文","数学"]},
+            {name:"初中",clist:["英语","地理"]},
+            {name:"高中",glist:["化学","生物"]}
+        ]
+    },
+
+    /**
+     * 生命周期函数--监听页面加载
+     */
+    onLoad(options) {
+        
+    },
+
+    /**
+     * 生命周期函数--监听页面初次渲染完成
+     */
+    onReady() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面显示
+     */
+    onShow() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面隐藏
+     */
+    onHide() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面卸载
+     */
+    onUnload() {
+
+    },
+
+    /**
+     * 页面相关事件处理函数--监听用户下拉动作
+     */
+    onPullDownRefresh() {
+
+    },
+
+    /**
+     * 页面上拉触底事件的处理函数
+     */
+    onReachBottom() {
+
+    },
+
+    /**
+     * 用户点击右上角分享
+     */
+    onShareAppMessage() {
+
+    }
+})

pages/stuNeed/stuNeed.json

@@ -0,0 +1,4 @@
+{
+    "usingComponents": {},
+    "navigationBarTitleText": "学生需求发布"
+}

pages/stuNeed/stuNeed.wxml

@@ -0,0 +1,21 @@
+<!--pages/stuNeed/stuNeed.wxml-->
+<view>
+    <view class="inputArea">
+        <input class="stuInput" type="text" placeholder="您的姓名" />
+        <input class="stuInput" type="text" placeholder="手机号码" />
+        <input class="stuInput" type="text" placeholder="微信号（当不方便接听电话时微信沟通）" />
+        <!-- <input class="stuInput" type="text" placeholder="请选择科目分类"/> -->
+        <!-- <input class="stuInput" type="text" placeholder="请先选择科目分类"/> -->
+        <view>
+            <input class="stuInput" type="text" placeholder="请选择科目分类" />
+        </view>
+        <view>
+            <input class="stuInput" type="text" placeholder="请先选择科目分类" />
+        </view>
+        <view>
+            <!-- <text>课时费：</text> -->
+            <input value="课时费：" class="stuInput" type="number" placeholder="请填写课时费" />
+        </view>
+    </view>
+    <button class="submitBtn" type="primary">提交</button>
+</view>

pages/stuNeed/stuNeed.wxss

@@ -0,0 +1,19 @@
+/* pages/stuNeed/stuNeed.wxss */
+.inputArea{
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+}
+
+.stuInput{
+    width: 90%;
+    height: 40rpx;
+    padding: 10rpx 0 10rpx 20rpx;
+    margin: 20rpx 20rpx 0 20rpx;
+    border: 1rpx solid red;
+}
+
+.submitBtn{
+    margin-top: 40rpx;
+    width: 100%;
+}

pages/teachAuthentication/teachAuthentication.js

@@ -5,7 +5,7 @@ Page({
      * 页面的初始数据
      */
     data: {
-
+        sex:'0'
     },
 
     /**

pages/teachAuthentication/teachAuthentication.wxml

@@ -1,5 +1,5 @@
 <!--pages/teachAuthentication/teachAuthentication.wxml-->
-<view>
+<view class="teachContainer">
     <view class="input-item">
         <text>手机号*：</text>
         <input class="userInput" type="number" placeholder="请输入手机号" />
@@ -26,8 +26,7 @@
         <input class="userInput" type="idcard" maxlength="18" placeholder="请输入您的身份证号码" />
     </view>
     <view class="input-item">
-        <text>性别*：</text>
-        <input class="userInput" type="text" placeholder="请输入您的性别" />
+        <text>性别*：{{sex}}</text>
     </view>
 
     <view class="idCard">
@@ -53,6 +52,10 @@
         <text>头像：</text>
         <text class="iconfont icon-tupian"></text>
     </view>
+    <view>
+        <text>身份*:</text>
+        <text class="teachAttribute">专业老师</text>
+    </view>
     <view class="input-item">
         <text>毕业/就读学校*：</text>
         <input class="userInput" type="text" confirm-type="done" placeholder="请输入学校的全称" />
@@ -63,7 +66,12 @@
     </view>
     <view class="input-item">
         <text>学历*：</text>
-        <input class="userInput" type="text" confirm-type="done" placeholder="请输入您的英文名" />
+        <radio-group>
+            <radio>博士</radio>
+            <radio>硕士</radio>
+            <radio>本科</radio>
+            <radio>大专</radio>
+        </radio-group>
     </view>
     <view class="input-jiguan">
         <text>籍贯*：</text>

pages/teachAuthentication/teachAuthentication.wxss

@@ -1,9 +1,11 @@
 /* pages/teachAuthentication/teachAuthentication.wxss */
+.teachContainer{
+    margin-left: 20rpx;
+}
 .input-item{
     display: flex;
     height: 100rpx;
     line-height: 100rpx;
-    margin-left: 20rpx;
     margin-right: 20rpx;
     border-bottom: 1rpx solid gray;
 }
@@ -19,8 +21,8 @@
 .input-name{
     display: flex;
     flex-direction: column;
-    margin-left: 20rpx;
     margin-right: 20rpx;
+    margin-top: 20rpx;
     border-bottom: 1rpx solid gray;
 }
 .input-yourName{
@@ -44,7 +46,6 @@
 }
 .idImag-tit{
     display: block;
-    margin-left: 20rpx;
     margin-top: 20rpx;
 }
 .explain{
@@ -60,7 +61,6 @@
     display: flex;
     flex-direction: column;
     width: 45%;
-    margin-left: 20rpx;
 }
 .idImag .iconfont{
     display: block;
@@ -79,7 +79,7 @@
 .myCard,
 .myHead{
     display: flex;
-    margin: 20rpx;
+    margin: 20rpx 0;
     flex-direction: column;
 
 }
@@ -96,10 +96,14 @@
     text-align: center;
 }
 
+/* 老师属性 */
+.teachAttribute{
+    padding-left: 20rpx;
+}
+
 /* 籍贯输入样式 */
 .input-jiguan{
     display: flex;
-    margin-left: 20rpx;
     height: 100rpx;
     line-height: 100rpx;
 }

pages/teachDetail/teachDetail.js

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

pages/teachDetail/teachDetail.json

@@ -0,0 +1,4 @@
+{
+    "usingComponents": {},
+    "navigationBarTitleText": "老师详情"
+}

pages/teachDetail/teachDetail.wxml

@@ -0,0 +1,42 @@
+<!--pages/teachDetail/teachDetail.wxml-->
+<view class="teachDeatil">
+    <view class="head">
+        <image class="teachImg" mode="widthFix" src="../../images/zly.jpeg"></image>
+        <view class="headDetail">
+            <text class="teachName">赵老师</text>
+            <text class="attribute">身份：专业老师</text>
+            <text class="settledDay">最近登录：2022-7-8</text>
+            <text>成交记录：6次</text>
+        </view>
+    </view>
+    <view class="midArea">
+        <text>高校：四川大学</text>
+        <text>专业：汉语言文学</text>
+        <text>学历：本科</text>
+        <text>籍贯：四川省成都市武侯区</text>
+    </view>
+    <view class="course">
+        <text>可授科目：</text>
+        <view class="courseList">小学语文、初中语文</view>
+    </view>
+    <!-- <view class="teachAera">
+        <text>可授课区域：</text>
+        <view class="teachAreaDetail">
+            <text>四川省成都市武侯区、锦江区、高新区</text>
+        </view>
+    </view> -->
+    <!-- <view class="introduceDetail">
+        <text class="introduce-title">自我介绍</text>
+        <textarea class="introduce-body" name="自我介绍" cols="30" rows="10" maxlength="140"></textarea>
+    </view> -->
+    <view class="introduceDetail">
+        <text class="introduce-title">成功案例</text>
+        <text class="introduce-body">XX年XX月获得XX奖XX年XX月获得XX奖XX年XX月获得XX奖XX年XX月获得XX奖XX年XX月获得XX奖XX年XX月获得XX奖XX年XX月获得XX奖XX年XX月获得XX奖XX年XX月获得XX奖XX年XX月获得XX奖XX年XX月获得XX奖XX年XX月获得XX奖XX年XX月获得XX奖XX年XX月获得XX奖</text>
+    </view>
+</view>
+<view class="collection" wx:if="{{!collect}}">
+    加入收藏
+</view>
+<view class="collection" wx:else>
+    已收藏的老师
+</view>

pages/teachDetail/teachDetail.wxss

@@ -0,0 +1,88 @@
+/* pages/teachDetail/teachDetail.wxss */
+/* 整个页面样式 */
+.teachDeatil{
+    display: flex;
+    flex-direction: column;
+    margin-left: 20rpx;
+}
+.head{
+    display: flex;
+}
+.headDetail{
+    margin-left: 20rpx;
+    display: flex;
+    flex-direction: column;
+    font-size: 28rpx;
+}
+.teachName{
+    font-weight: bold;
+}
+.headDetail text{
+    padding-bottom: 10rpx;
+}
+/* 头像设置 */
+.teachImg{
+    width: 200rpx;
+}
+.settledDay{
+    display: block;
+    float: right;
+}
+
+/* 中部区域 */
+.midArea{
+    display: flex;
+    /* border: 1rpx solid red; */
+    width: 96%;
+    margin-top: 10rpx;
+    /* justify-content: space-between; */
+    flex-wrap: wrap;
+}
+.midArea text{
+    width: 48%;
+    height: 60rpx;
+    line-height: 60rpx;
+    font-size: 28rpx;
+}
+
+/* 可授课程 */
+.course{
+    margin-top: 40rpx;
+}
+.courseList{
+    margin-top: 10rpx;
+}
+
+/* 可授课区域 */
+.teachAera{
+    margin-top: 40rpx;
+}
+.teachAreaDetail{
+    margin-top: 10rpx;
+}
+
+/* 自我介绍及案例 */
+.introduceDetail{
+    display: flex;
+    flex-direction: column;
+    margin-top: 40rpx;
+}
+.introduce-title{
+    margin-bottom: 20rpx;
+    color: yellowgreen;
+    font-weight: bold;
+}
+.introduce-body{
+    line-height: 50rpx;
+    font-size: 28rpx;
+}
+
+/* 收藏老师 */
+.collection{
+    margin-top: 40rpx;
+    text-align: center;
+    height: 60rpx;
+    line-height: 60rpx;
+    color: yellowgreen;
+    font-weight: bold;
+}

pages/teacherList/teacherList.js

@@ -0,0 +1,72 @@
+// pages/teacherList/teacherList.js
+Page({
+
+    /**
+     * 页面的初始数据
+     */
+    data: {
+
+    },
+
+    toTeachDetail(){
+        wx.redirectTo({
+          url: '/pages/teachDetail/teachDetail',
+        })
+    },
+
+    /**
+     * 生命周期函数--监听页面加载
+     */
+    onLoad(options) {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面初次渲染完成
+     */
+    onReady() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面显示
+     */
+    onShow() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面隐藏
+     */
+    onHide() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面卸载
+     */
+    onUnload() {
+
+    },
+
+    /**
+     * 页面相关事件处理函数--监听用户下拉动作
+     */
+    onPullDownRefresh() {
+
+    },
+
+    /**
+     * 页面上拉触底事件的处理函数
+     */
+    onReachBottom() {
+
+    },
+
+    /**
+     * 用户点击右上角分享
+     */
+    onShareAppMessage() {
+
+    }
+})

pages/teacherList/teacherList.json

@@ -0,0 +1,3 @@
+{
+    "usingComponents": {}
+}

pages/teacherList/teacherList.wxml

@@ -0,0 +1,176 @@
+<!--pages/teacherList/teacherList.wxml-->
+<view>
+    <view class="searchContainer"> 
+        <text>搜索老师</text>
+        <input class="searchInp" type="text"/>
+        <text>搜索</text>
+    </view>
+    <view class="teachInfo" bindtap="toTeachDetail">
+        <image class="teachImg" mode="widthFix" src="../../images/zly.jpeg"></image>
+        <view class="introduce">
+            <text class="teachName">赵老师</text>
+            <text class="attribute">专业老师</text>
+            <text class="day">2022-7-8</text>
+            <view class="ageContainer">
+                <text class="age">龄</text>
+                <text class="ageYears">5年教龄</text>
+            </view>
+            <view class="ageContainer">
+                <text class="transaction">成</text>
+                <text class="transactionTotal">20条家教记录</text>
+            </view>
+            <view class="transactionList">
+                <text>最新接单：</text>
+                <text>2022年8月8日</text>
+                <text>钢琴</text>
+            </view>
+            <view class="courseList">
+                <text>可授课科目：</text>
+                <text>钢琴等</text>
+            </view>
+            <view class="introduceDetail">
+                <text>XX年XX月获得XX奖XX年XX月获得XX奖XX年XX月获得XX奖XX年XX月获得XX奖XX年XX月获得XX奖XX年XX月获得XX奖XX年XX月获得XX奖XX年XX月获得XX奖XX年XX月获得XX奖XX年XX月获得XX奖XX年XX月获得XX奖XX年XX月获得XX奖XX年XX月获得XX奖XX年XX月获得XX奖XX年XX月获得XX奖XX年XX月获得XX奖XX年XX月获得XX奖XX年XX月获得XX奖XX年XX月获得XX奖XX年XX月获得XX奖XX年XX月获得XX奖</text>
+            </view>
+        </view>
+    </view>
+    <view class="teachInfo">
+        <image class="teachImg" mode="widthFix" src="../../images/zly.jpeg"></image>
+        <view class="introduce">
+            <text class="teachName">钱老师</text>
+            <text class="attribute">在读本科</text>
+            <text class="day">2022-7-8</text>
+            <view class="ageContainer">
+                <text class="age">龄</text>
+                <text class="ageYears">15年教龄</text>
+            </view>
+            <view class="ageContainer">
+                <text class="transaction">成</text>
+                <text class="transactionTotal">20条家教记录</text>
+            </view>
+            <view class="transactionList">
+                <text>最新接单：</text>
+                <text>2022年8月8日</text>
+                <text>钢琴</text>
+            </view>
+            <view class="courseList">
+                <text>可授课科目：</text>
+                <text>钢琴等</text>
+            </view>
+            <view class="introduceDetail">
+                <text>XX年XX月获得XX奖</text>
+            </view>
+        </view>
+    </view>
+    <view class="teachInfo">
+        <image class="teachImg" mode="widthFix" src="../../images/zly.jpeg"></image>
+        <view class="introduce">
+            <text class="teachName">孙老师</text>
+            <text class="attribute">在读硕士</text>
+            <text class="day">2022-7-8</text>
+            <view class="ageContainer">
+                <text class="age">龄</text>
+                <text class="ageYears">5年教龄</text>
+            </view>
+            <view class="ageContainer">
+                <text class="transaction">成</text>
+                <text class="transactionTotal">20条家教记录</text>
+            </view>
+            <view class="transactionList">
+                <text>最新接单：</text>
+                <text>2022年8月8日</text>
+                <text>钢琴</text>
+            </view>
+            <view class="courseList">
+                <text>可授课科目：</text>
+                <text>钢琴等</text>
+            </view>
+            <view class="introduceDetail">
+                <text>XX年XX月获得XX奖</text>
+            </view>
+        </view>
+    </view>
+    <view class="teachInfo">
+        <image class="teachImg" mode="widthFix" src="../../images/zly.jpeg"></image>
+        <view class="introduce">
+            <text class="teachName">李老师</text>
+            <text class="attribute">专业老师</text>
+            <text class="day">2022-7-8</text>
+            <view class="ageContainer">
+                <text class="age">龄</text>
+                <text class="ageYears">5年教龄</text>
+            </view>
+            <view class="ageContainer">
+                <text class="transaction">成</text>
+                <text class="transactionTotal">20条家教记录</text>
+            </view>
+            <view class="transactionList">
+                <text>最新接单：</text>
+                <text>2022年8月8日</text>
+                <text>钢琴</text>
+            </view>
+            <view class="courseList">
+                <text>可授课科目：</text>
+                <text>钢琴等</text>
+            </view>
+            <view class="introduceDetail">
+                <text>XX年XX月获得XX奖</text>
+            </view>
+        </view>
+    </view>
+    <view class="teachInfo">
+        <image class="teachImg" mode="widthFix" src="../../images/zly.jpeg"></image>
+        <view class="introduce">
+            <text class="teachName">周老师</text>
+            <text class="attribute">专业老师</text>
+            <text class="day">2022-7-8</text>
+            <view class="ageContainer">
+                <text class="age">龄</text>
+                <text class="ageYears">5年教龄</text>
+            </view>
+            <view class="ageContainer">
+                <text class="transaction">成</text>
+                <text class="transactionTotal">20条家教记录</text>
+            </view>
+            <view class="transactionList">
+                <text>最新接单：</text>
+                <text>2022年8月8日</text>
+                <text>钢琴</text>
+            </view>
+            <view class="courseList">
+                <text>可授课科目：</text>
+                <text>钢琴等</text>
+            </view>
+            <view class="introduceDetail">
+                <text>XX年XX月获得XX奖</text>
+            </view>
+        </view>
+    </view>
+    <view class="teachInfo">
+        <image class="teachImg" mode="widthFix" src="../../images/zly.jpeg"></image>
+        <view class="introduce">
+            <text class="teachName">吴老师</text>
+            <text class="attribute">专业老师</text>
+            <text class="day">2022-7-8</text>
+            <view class="ageContainer">
+                <text class="age">龄</text>
+                <text class="ageYears">5年教龄</text>
+            </view>
+            <view class="ageContainer">
+                <text class="transaction">成</text>
+                <text class="transactionTotal">20条家教记录</text>
+            </view>
+            <view class="transactionList">
+                <text>最新接单：</text>
+                <text>2022年8月8日</text>
+                <text>钢琴</text>
+            </view>
+            <view class="courseList">
+                <text>可授课科目：</text>
+                <text>钢琴等</text>
+            </view>
+            <view class="introduceDetail">
+                <text>XX年XX月获得XX奖</text>
+            </view>
+        </view>
+    </view>
+</view>

pages/teacherList/teacherList.wxss

@@ -0,0 +1,101 @@
+/* pages/teacherList/teacherList.wxss */
+
+/* 搜索老师 */
+.searchContainer{
+    display: flex;
+    margin-left: 20rpx;
+}
+.searchInp{
+    width: 60%;
+    margin-left: 10rpx;
+    margin-right: 10rpx;
+    border: 1rpx solid rgba(128, 128, 237, 0.4);
+    border-radius: 30rpx;
+    padding-left: 30rpx;
+    background: rgba(237,237,237,0.4);
+}
+
+/* 老师列表 */
+.teachInfo{
+    width: 96%;
+    display: flex;
+    margin-top: 20rpx;
+    margin-left: 10rpx;
+    padding: 10rpx 0;
+    /* border: 1rpx solid red; */
+    border-bottom: 1rpx solid gray;
+}
+/* 老师头像 */
+.teachImg{
+    width: 20%;
+    margin: 0 10rpx;
+}
+/* 老师介绍外容器 */
+.introduce{
+    width: 70%;
+    /* height: 400rpx; */
+    /* border: 1rpx solid red; */
+    padding: 10rpx;
+}
+/* 老师名字 */
+.teachName{
+    font-weight: bold;
+}
+/* 老师资质 */
+.attribute{
+    margin-left: 20rpx;
+    color: rgb(12, 182, 12);
+    font-size: 26rpx;
+}
+/* 日期 */
+.day{
+    float: right;
+}
+/* 教龄 */
+.ageContainer{
+    margin-top: 10rpx;
+    display: flex;
+}
+.age,
+.transaction{
+    /* margin: 10rpx; */
+    padding: 2rpx;
+    border: 1rpx solid;
+    border-radius: 10rpx;
+    font-size: 26rpx;
+    color: white;
+}
+.age{
+    background-color:rgba(255,0,0,.6);
+}
+.transaction{
+    background-color: rgba(0,128,0,.6);
+}
+.ageYears,
+.transactionTotal{
+    font-size: 24rpx;
+    margin-left: 10rpx;
+}
+/* 最新接单 */
+.transactionList{
+    margin-top: 10rpx;
+    color: green;
+    font-size: 24rpx;
+}
+/* 可授课科目 */
+.courseList{
+    margin-top: 10rpx;
+    font-size: 30rpx;
+}
+/* 老师介绍 */
+.introduceDetail{
+    margin-top: 10rpx;
+    font-size: 28rpx;
+}
+.introduceDetail text{
+    overflow:hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-box-orient:vertical;/*设置对齐模式*/
+    -webkit-line-clamp:4;/*设置多行的行数，本例为两行*/
+}

project.private.config.json

@@ -0,0 +1,6 @@
+{
+    "setting": {
+        "urlCheck": false
+    },
+    "description": "项目私有配置文件。此文件中的内容将覆盖 project.config.json 中的相同字段。项目的改动优先同步到此文件中。详见文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html"
+}