polish the main page

src/miniprogram/pages/MainTest/MainTest.js

@@ -1,3 +1,4 @@
+const that = this;
 // pages/MainTest/MainTest.js
 Page({
 
@@ -5,77 +6,27 @@ Page({
    * 页面的初始数据
    */
   data: {
-    teacher: []
+    currentTab: 0,
+    showPopup: false,
+    teacher: {}
   },
 
   /**
    * 生命周期函数--监听页面加载
    */
   onLoad(options) {
+    // 调用云函数获取教师信息
     wx.cloud.callFunction({
       name: "recommend",
       success: (res) => {
         this.setData({
           teacher: res.result.data
         })
-        // console.log(res.result.data);
+        // console.log(this.data.teacher[1]);
       }
-    }),
-    console.log(this.teacher);
-  },
-
-  /**
-   * 生命周期函数--监听页面初次渲染完成
-   */
-  onReady() {
-
-  },
-
-  /**
-   * 生命周期函数--监听页面显示
-   */
-  onShow() {
-
-  },
-
-  /**
-   * 生命周期函数--监听页面隐藏
-   */
-  onHide() {
-
-  },
-
-  /**
-   * 生命周期函数--监听页面卸载
-   */
-  onUnload() {
-
-  },
-
-  /**
-   * 页面相关事件处理函数--监听用户下拉动作
-   */
-  onPullDownRefresh() {
-
-  },
-
-  /**
-   * 页面上拉触底事件的处理函数
-   */
-  onReachBottom() {
-
+    })
   },
 
-  /**
-   * 用户点击右上角分享
-   */
-  onShareAppMessage() {
-
-  },
-  data: {
-    currentTab: 0,
-    showPopup: false
-  },
   changeTab(e) {
     const index = e.currentTarget.dataset.index;
     this.setData({
@@ -99,6 +50,18 @@ Page({
     this.setData({
       showPopup: false
     });
-  }
+  },
 
+  navToComments: () => {
+    wx.navigateTo({
+      url: '/pages/Comments/Comments',
+    })
+  },
+
+  contactTeacher(event) {
+    // console.log(event);
+    wx.makePhoneCall({
+      phoneNumber: event.currentTarget.dataset.item,
+    })
+  }
 })

src/miniprogram/pages/MainTest/MainTest.wxml

@@ -22,21 +22,24 @@
       </view>
     </view>
 
-
-      <view class="show_information" wx:for="{{teacher}}">
+      <view class="show_information" wx:for="{{teacher}}" wx:key="_id">
         <!-- //当每通过一个教员上传的简历信息则创建一个 -->
         <view class="content-container">
-          <image class="image" src="图片地址"></image>
+          <image class="image" src="/images/user.png"></image>
             <view class="text-container">
-              <text class="title">标题</text>
+              <text class="title">{{item.name}}</text>
             <view>
-              <text class="description">描述信息</text>
+              <text class="description">
+                电话号码：{{item.phone}}
+                email：{{item.email}}
+                其他信息：null
+              </text>
             </view>
           </view>
         </view>
         <view class="button-container">
-            <button class="button">按钮一</button>
-            <button class="button">按钮二</button>
+            <button bind:tap="navToComments" class="button">评论</button>
+            <button bind:tap="contactTeacher" data-item="{{item.phone}}" class="button">联系</button>
         </view>
     </view>     
   <view class="desc">这里是家教帮平台，再也不用担心孩子的学习了</view>

src/miniprogram/pages/MainTest/MainTest.wxss

@@ -67,7 +67,7 @@
 
 .image {
   width: 50%;
-  height: 200rpx;
+  height: 300rpx;
   object-fit: cover;
   border-radius: 10rpx 0 0 10rpx;
   border: 2rpx solid #ccc; /* 添加框线样式 */

src/miniprogram/pages/Tprofile/Tprofile.wxml

@@ -1,22 +1,22 @@
 <!--pages/Tprofile/Tprofile.wxml-->
-<view class="container">
+<view>
+  <form bindsubmit="submit">
+    <view class="container">
       <view class="input-group">
         <text>姓名：</text>
-    <input type="text" placeholder="请输入您的姓名" class="input" />
+        <input type="text" name="name" placeholder="请输入您的姓名" class="input" />
       </view>
       <view class="input-group">
         <text>科目：</text>
-    <input type="text" placeholder="请输入科目" class="input" />
+        <input type="text" name="subject" placeholder="请输入科目" class="input" />
       </view>
       <view class="input-group">
         <text>时薪：</text>
-    <input type="number" placeholder="请输入时薪" class="input" />
+        <input type="number" name="salary" placeholder="请输入时薪" class="input" />
+      </view>
     </view>
-</view>
-
-
 
-<view class="container">
+    <view class="container">
       <view class="input-group">
         <text>就读学校：</text>
         <input type="text" placeholder="输入现/曾经就读学校" class="input" />
@@ -25,9 +25,9 @@
         <text>年级专业：</text>
         <input type="text" placeholder="输入就读专业及年级" class="input" />
       </view>
-</view>
+    </view>
 
-<view class="container">
+    <view class="container">
       <view class="input-group">
         <text>就读学校：</text>
         <input type="text" placeholder="输入现/曾经就读学校" class="input" />
@@ -36,9 +36,9 @@
         <text>年级专业：</text>
         <input type="text" placeholder="输入就读专业及年级" class="input" />
       </view>
-</view>
+    </view>
 
-<view class="container">
+    <view class="container">
       <text>空闲时间：</text>
       <view class="table-container">
         <view class="row">
@@ -124,10 +124,9 @@
           </view>
         </view>
       </view>
-</view>
-
+    </view>
 
-<view class="container">
+    <view class="container">
       <view class="input-group">
         <text>教员风采：</text>
           <input type="text" placeholder="输入个人简介、家教经验" class="input" />
@@ -136,9 +135,12 @@
         <text>风采展示图：</text>
         <input type="text" placeholder="在此插入图片" class="input" />
       </view>
-</view>
+    </view>
 
-<view class="container">
+    <view class="container">
       <!-- 添加提交按钮 -->
-  <button bindtap="submit" class="submit-btn">提交</button>
+      <button class="submit-btn" form-type="submit">提交</button>
+    </view>
+
+  </form>
 </view>

src/miniprogram/pages/msg/msg.js

@@ -1,15 +1,4 @@
 Page({
-  
-    goToPageA: function() {
-      wx.navigateTo({
-        url: '/pages/Homework/Homework',
-      })
-    },
-    goToPageB: function() {
-      wx.navigateTo({
-        url: '/pages/Tprofile/Tprofile',
-      })
-    },
   data:{
     date:"",
     region:"",