miniprogram

src/miniprogram/app.json

@@ -1,8 +1,8 @@
 {
   "pages": [
-    "pages/main/main",
+    "pages/Main/main",
-    "pages/msg/msg",
+    "pages/Msg/msg",
-    "pages/profile/profile",
+    "pages/Profile/profile",
     "pages/Demand/Demand",
     "pages/Recommend/Recommend",
     "pages/Tprofile/Tprofile",
@@ -19,19 +19,19 @@
   "tabBar": {
     "list": [
       {
-        "pagePath": "pages/main/main",
+        "pagePath": "pages/Main/main",
         "text": "main",
         "iconPath": "images/main.png",
         "selectedIconPath": "images/main_on.png"
       },
       {
-        "pagePath": "pages/msg/msg",
+        "pagePath": "pages/Msg/msg",
         "text": "msg",
         "iconPath": "images/msg.png",
         "selectedIconPath": "images/msg_on.png"
       },
       {
-        "pagePath": "pages/profile/profile",
+        "pagePath": "pages/Profile/profile",
         "text": "profile",
         "iconPath": "images/profile.png",
         "selectedIconPath": "images/profile_on.png"

src/miniprogram/pages/Demand/Demand.wxss

@@ -1,54 +1,20 @@
-.container{
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
-}
-.root {
-	width: 100%;
-	height: 100vh;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-}
 .form-box {
-  border: 1rpx solid #ccc;
+  border: 1px solid #ccc;
-  border-radius: 6rpx;
   padding: 20rpx;
-  margin-bottom: 20rpx;
+  box-shadow: 3 2rpx 4rpx rgba(0.5, 0.6, 0.6, 0.2);
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
 }
-
+.form-group {
-.sv {
+  margin-bottom: 20rpx;
-	background-color: white;
+  box-shadow: 3 2rpx 4rpx rgba(0.5, 0.6, 0.6, 0.2);
-	width: 80%;
-  height: 90vh;
-}
- 
-.sendBar {
-	width: 80%;
-	height: 10vh;
-	display: flex;
-	flex-direction: row;
-	align-items: center;
-	justify-content: center;
-	border: 2px solid #1E90FF;
-}
- 
-.input {
-	background-color: white;
-	border: 2px solid #1E90FF;
 }
- 
+.btn-submit {
-.box {
+  display: block;
-	width: 100%;
+  width: 200rpx;
-	display: flex;
+  margin: 0 auto;
-	flex-direction: row;
+  padding: 10rpx 20rpx;
-	margin-top: 2px;
+  background-color: #2399f1;
-	margin-bottom: 2px;
+  color: #fff;
+  border-radius: 4rpx;
+  font-size: 32rpx;
+  text-align: center;
 }
- 
-
-
-
-
- 
-
- 

src/miniprogram/pages/Homework/Homework.wxml

@@ -1,5 +1,6 @@
 <!--pages/Homework/Homework.wxml-->
 <view class="container">
+  <view>
     <view class="form-group">
       <text>任务标题：</text>
       <input type="text" placeholder="请输入任务标题" />
@@ -19,7 +20,7 @@
       <text>附件：</text>
       <button class="btn-attachment">上传附件</button>
     </view>
-  
+  </view>
   <button class="btn-submit">提交</button>
 </view>
 

src/miniprogram/pages/Homework/Homework.wxss

@@ -1,36 +1,28 @@
 .container {
-  padding: 20rpx;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
 }
 
 .form-group {
-  margin-bottom: 20rpx;
+  padding: 10px;
+  margin-bottom: 10px;
+  border-radius: 10px;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
 }
 
-.label {
+.input {
-  display: inline-block;
-  width: 80rpx;
-  font-size: 28rpx;
-}
-
-.input,
-.textarea {
   flex: 1;
-  border: 1rpx solid #ccc;
-  border-radius: 6rpx;
-  padding: 10rpx;
-  font-size: 28rpx;
-}
-
-.btn-attachment {
-  background-color: #eaf0f6;
-  color: #333;
   border: none;
-  border-radius: 6rpx;
+  border-bottom: 2rpx solid #ccc;
-  padding: 8rpx 16rpx;
+  padding: 10rpx;
   font-size: 28rpx;
+  outline: none;
+  -webkit-appearance: none;
 }
 
 .btn-submit {
+  height: 80rpx;
   background-color: #2677ff;
   color: #fff;
   border: none;

src/miniprogram/pages/Recommend/Recommend.wxml

@@ -1,12 +1,23 @@
 <view class="container">
-  <view class="teacher-info">
+  <view>
-    <image src="/miniprogram/images/deploy_step2.png" class="avatar" />
+    <view class="form-group">
-    <view class="info">
+      <text>姓名：</text>
-      <text class="name">李老师</text>
+      <input type="text" placeholder="获取到的老师姓名" />
-      <text class="subject">全科</text>
-      <text class="description">李老师拥有多年的教学经验，深受学生喜爱。</text>
     </view>
+
+    <view class="form-group">
+      <text>科目：</text>
+      <textarea placeholder="获取到的老师科目"></textarea>
     </view>
+
+    <view class="form-group">
+      <text>时薪：</text>
+      <input type="获取到的老师时薪" />
+    </view>
+  </view>
+</view>
+
+<view class="container">
   <button class="btn-choose">选择该老师</button>
   <button class="btn-next">下一个老师</button>
 </view>

src/miniprogram/pages/Recommend/Recommend.wxss

@@ -1,336 +1,35 @@
-/* pages/wechat2/wechat2.wxss */
+.container {
-page { 
-  background-color: #f3f3f4; 
- 
- } 
- .btn-choose {
-  /* 选择按钮样式 */
-  display: block;
-  width: 200rpx;
-  height: 60rpx;
-  background-color: #4CAF50;
-  color: #fff;
-  border-radius: 6rpx;
-  margin-top: 20rpx;
-  text-align: center;
-  line-height: 60rpx;
-}
-
-.btn-next {
-  /* 下一个按钮样式 */
-  display: block;
-  width: 200rpx;
-  height: 60rpx;
-  background-color: #2196F3;
-  color: #fff;
-  border-radius: 6rpx;
-  margin-top: 10rpx;
-  text-align: center;
-  line-height: 60rpx;
-}
- /* 新增样式 */
- .chat-header {
   display: flex;
+  flex-direction: column;
   align-items: center;
-   justify-content: flex-start;
+  /* background-color: rgb(154, 176, 196); */
-   height: 88px;
-   padding: 0 12px;
-   background-color: #fff;
-   border-radius: 0px 0px 10px 10px;
- }
-
- .header-image-box {
-   width: 64px;
-   height: 64px;
-   border-radius: 50%;
-   margin-right: 12px;
- }
-
- .header-image {
-   width: 100%;
-   height: 100%;
-   border-radius: 50%;
- }
-
- .chat-name {
-   color: #333;
-   font-size: 16px;
-   font-weight: 700;
- }
-
- .chat-company {
-  font-size: 14px;
-  color: rgba(81, 81, 81, 100);
- }
- 
- .tab { 
-  padding: 20rpx 20rpx 40rpx 50rpx; 
-  height: 20%; 
-  background-color: white; 
- } 
- 
- .tab .tent { 
-  font-size: 33rpx; 
-  margin-bottom: 30rpx; 
- } 
- .jia_img{ 
-  height: 80rpx; 
-  width: 90rpx; 
- } 
- .new_imgtent{ 
-  height: 180rpx; 
-  width: 190rpx; 
- } 
- .tab .fabu { 
-  font-size: 33rpx; 
-  margin-top: 30rpx; 
-  margin-bottom: 30rpx; 
- } 
- 
- .xiahuaxia { 
-  width: 80%; 
-  text-align: center; 
-  margin: 0 auto; 
-  position: relative; 
-  top: 60rpx; 
- } 
- 
- .chat-time { 
-  text-align: center; 
-  padding: 5rpx 20rpx 5rpx 20rpx; 
-  width: 200rpx; 
-  font-size: 26rpx; 
-  background-color: #e6e6e6; 
- } 
- 
- .new_top_txt { 
-  width: 50%; 
-  position: relative; 
-  top: 38rpx; 
-  text-align: center; 
-  margin: 0 auto; 
-  font-size: 30rpx; 
-  color: #787878; 
-  background-color: #f7f7f7; 
- } 
- 
- /* 聊天内容 */ 
- 
- .news { 
-  margin-top: 30px; 
-  text-align: center; 
-  margin-bottom: 98px; 
- } 
- 
- .img_null { 
-  height: 60rpx; 
- } 
- 
- .l { 
-  height: 5rpx; 
-  width: 20%; 
-  margin-top: 30rpx; 
-  color: #000; 
- } 
- 
- /* 聊天 */ 
- 
- .my_right { 
-  float: right; 
-  position: relative; 
-  right: 40rpx; 
- } 
- 
- .you_left { 
-  float: left; 
-  position: relative; 
-  left: 5rpx; 
- } 
- 
- .new_img { 
-  width: 100rpx; 
-  height: 100rpx; 
-  border-radius: 50%; 
- } 
- 
- .sanjiao { 
-  top: 20rpx; 
-  position: relative; 
-  width: 0px; 
-  height: 0px; 
-  border-width: 10px; 
-  border-style: solid; 
- } 
- 
- .my { 
-  border-color: transparent transparent transparent #95d4ff; 
- } 
- 
- .you { 
-  border-color: transparent #95d4ff transparent transparent; 
- } 
- 
- .sendmessage { 
-   /* display: flex;
-   align-items: center;
-  flex-direction: row; */
-  width: 100%; 
-  min-height: 60px;
-  position: fixed; 
-  bottom: 0px; 
-  padding: 0 16px;
-  background-color: rgba(242, 242, 242, 100); 
-  box-shadow: 0px -1px 5px 1px rgba(57, 57, 57, 0.1);
 }
 
- .send-message {
+.form-group {
-  display: flex;
+  padding: 10px;
-  align-items: center;
+  margin-bottom: 10px;
-  padding: 16px;
+  border-radius: 10px;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+  background-color: rgb(61, 96, 128);
 }
 
- .sendmessage input { 
+.input {
-  height: 80rpx; 
+  flex: 1;
-  background-color: white; 
+  border: none;
-  line-height: 80rpx; 
+  border-bottom: 2rpx solid rgb(148, 125, 125);
+  padding: 10rpx;
   font-size: 28rpx;
-  padding-left: 20rpx; 
+  outline: none;
- } 
+  -webkit-appearance: none;
- 
- .sendmessage button { 
-  width: 52px !important; 
-  height: 32px; 
-  line-height: 32px;
-  background: #169171 !important; 
-  color: #fff !important; 
-  font-size: 14px !important;
-  text-align: center;
-  border: 0 !important;
-  padding: 0 !important;
-  margin: 0 !important;
- } 
- 
- .historycon { 
-  height: 90%; 
-  /* background-color: pink; */
-  width: 100%; 
-  flex-direction: column; 
-  display: flex; 
-  /* margin-top: 100rpx;  */
-  border-top: 0px; 
- } 
- .hei{ 
-  margin-top: 50px; 
-  height: 20rpx; 
- } 
- .history { 
-  /* height: 300px;  */
-  margin-top: 30rpx; 
-  margin: 20rpx; 
-  font-size: 28rpx; 
-  line-height: 80rpx; 
-  word-break: break-all; 
- } 
- .chat-input{
-   width: 60%;
-   height: 40px;
-   border: 0;
-   border-radius: 8px;
-   margin-left: 5rpx;
- }
-
- .back-icon{
-  margin-top: 25rpx;
-  margin-left: 25rpx; 
-  width:40rpx;
-  height:40rpx;
- }
- .other-record-content{
-  background-color: #fff;
-  width: 180px; 
-  border-radius: 7px; 
-  padding: 0 20px;
-  text-align: left;
-  margin: 6px 0;
- }
- .other-record{
- 
-  display: flex;
-  justify-content:flex-start;
- }
- .other-head-img{
-  width:70rpx;
-  height:70rpx;
-  border-radius: 50%;
-  margin: 10rpx 10rpx 10rpx 10rpx;
- }
- .other-record-content-triangle{ 
- width: 0; 
- height: 0; 
- border-top: 10rpx solid transparent; 
- border-right: 15rpx solid #fff; 
- border-bottom: 10rpx solid transparent;
- margin-top: 36rpx; 
- }
- .own-record{
-  display: flex;
-  justify-content:flex-end;
-  padding-right:30rpx; 
- }
- .own-record-content{
-  background-color: #209072;
-  width: 180px; 
-  border-radius: 8px; 
-  padding: 0 20px;
-  color: #fff;
-  text-align: left;
-  margin: 6px 0;
- }
- .own-record-content-triangle { 
- width: 0; 
- height: 0; 
- /* border-top: 20rpx solid transparent; 
- border-left: 40rpx solid #F0F0F0; 
- border-bottom: 20rpx solid transparent;  */
- border-top: 10rpx solid transparent; 
- border-left: 15rpx solid #209072; 
- border-bottom: 10rpx solid transparent; 
- margin-top: 36rpx; 
- }
- .own-head-img{
-  width:70rpx;
-  height:70rpx;
-  border-radius: 50%;
-  margin: 10rpx 10rpx 10rpx 10rpx;
- }
- ::-webkit-scrollbar{
-  width: 0;
-  height: 0;
-  color: transparent;
 }
 
- .chat-emotion {
+.btn-choose {
-   width: 28px;
+  height: 80rpx;
-   height: 28px;
+  background-color: #2677ff;
-   margin: 0 12px;
+  border: none;
- }
+  border-radius: 6rpx;
-
+  padding: 12rpx 24rpx;
- .emotions {
-   display: flex;
-   align-items: flex-start;
-   justify-content: flex-start;
-   width: 200px;
-   height: 36px;
-   margin: 6px;
- }
-
- .emotions-item {
-   width: 24px;
-   height: 24px;
-   margin: 0 8px;
 }
-
+.btn-next{
- .historyText {
+  background-color: #1d771a;
-   color: #ccc;
 }
-

src/miniprogram/pages/Tprofile/Tprofile.wxml

@@ -1,19 +1,143 @@
 <!--pages/Tprofile/Tprofile.wxml-->
-<!--pages/Comments/Comments.wxml-->
 <view class="container">
-  <view class="form-group">
+  <view class="input-group">
     <text>姓名：</text>
-    <input type="text" placeholder="请输入您的姓名" />
+    <input type="text" placeholder="请输入您的姓名" class="input" />
   </view>
-  <view class="form-group">
+  <view class="input-group">
-    <text>手机号码：</text>
+    <text>科目：</text>
-    <input type="tel" placeholder="请输入您的手机号码" />
+    <input type="text" placeholder="请输入科目" class="input" />
+  </view>
+  <view class="input-group">
+    <text>时薪：</text>
+    <input type="number" placeholder="请输入时薪" class="input" />
+  </view>
+</view>
+
+
+<view class="container">
+  <view class="input-group">
+    <text>就读学校：</text>
+    <input type="text" placeholder="输入现/曾经就读学校" class="input" />
+  </view>
+  <view class="input-group">
+    <text>年级专业：</text>
+    <input type="text" placeholder="输入就读专业及年级" class="input" />
   </view>
-  <view class="form-group">
-    <text>电子邮箱：</text>
-    <input type="email" placeholder="请输入您的电子邮箱" />
 </view>
 
-  <button class="btn-submit">提交</button>
+<view class="container">
+  <view class="input-group">
+    <text>就读学校：</text>
+    <input type="text" placeholder="输入现/曾经就读学校" class="input" />
+  </view>
+  <view class="input-group">
+    <text>年级专业：</text>
+    <input type="text" placeholder="输入就读专业及年级" class="input" />
+  </view>
 </view>
 
+<view class="container">
+  <text>空闲时间：</text>
+  <view class="table-container">
+    <view class="row">
+      <view class="cell"></view>
+      <view class="header-cell">周一</view>
+      <view class="header-cell">周二</view>
+      <view class="header-cell">周三</view>
+      <view class="header-cell">周四</view>
+      <view class="header-cell">周五</view>
+      <view class="header-cell">周六</view>
+      <view class="header-cell">周日</view>
+    </view>
+    <view class="row">
+      <view class="cell">上午</view>
+      <view class="checkbox-cell">
+        <checkbox></checkbox>
+      </view>
+      <view class="checkbox-cell">
+        <checkbox></checkbox>
+      </view>
+      <view class="checkbox-cell">
+        <checkbox></checkbox>
+      </view>
+      <view class="checkbox-cell">
+        <checkbox></checkbox>
+      </view>
+      <view class="checkbox-cell">
+        <checkbox></checkbox>
+      </view>
+      <view class="checkbox-cell">
+        <checkbox></checkbox>
+      </view>
+      <view class="checkbox-cell">
+        <checkbox></checkbox>
+      </view>
+    </view>
+    <view class="row">
+      <view class="cell">中午</view>
+      <view class="checkbox-cell">
+        <checkbox></checkbox>
+      </view>
+      <view class="checkbox-cell">
+        <checkbox></checkbox>
+      </view>
+      <view class="checkbox-cell">
+        <checkbox></checkbox>
+      </view>
+      <view class="checkbox-cell">
+        <checkbox></checkbox>
+      </view>
+      <view class="checkbox-cell">
+        <checkbox></checkbox>
+      </view>
+      <view class="checkbox-cell">
+        <checkbox></checkbox>
+      </view>
+      <view class="checkbox-cell">
+        <checkbox></checkbox>
+      </view>
+    </view>
+    <view class="row">
+      <view class="cell">下午</view>
+      <view class="checkbox-cell">
+        <checkbox></checkbox>
+      </view>
+      <view class="checkbox-cell">
+        <checkbox></checkbox>
+      </view>
+      <view class="checkbox-cell">
+        <checkbox></checkbox>
+      </view>
+      <view class="checkbox-cell">
+        <checkbox></checkbox>
+      </view>
+      <view class="checkbox-cell">
+        <checkbox></checkbox>
+      </view>
+      <view class="checkbox-cell">
+        <checkbox></checkbox>
+      </view>
+      <view class="checkbox-cell">
+        <checkbox></checkbox>
+      </view>
+    </view>
+  </view>
+</view>
+
+
+<view class="container">
+  <view class="input-group">
+    <text>教员风采：</text>
+      <input type="text" placeholder="输入个人简介、家教经验" class="input" />
+  </view>
+  <view class="input-group">
+    <text>风采展示图：</text>
+    <input type="text" placeholder="在此插入图片" class="input" />
+  </view>
+</view>
+
+<view class="container">
+  <!-- 添加提交按钮 -->
+  <button bindtap="submitForm" class="submit-btn">提交</button>
+</view>

src/miniprogram/pages/Tprofile/Tprofile.wxss

@@ -1,31 +1,55 @@
-/* pages/Tprofile/Tprofile.wxss */
 .container {
-  padding: 20px;
+  width: 99%;
+  padding: 20rpx;
+  border-radius: 20rpx;
+  background-color: #8ab3c4;
+  box-shadow: 0 2rpx 6rpx rgba(0, 0, 0, 0.2);
+  margin-bottom: 10rpx;
 }
 
-.form-group {
+.input-group {
-  margin-bottom: 20px;
+  display: flex;
+  /* align-items: center; */
+  justify-content: flex-start;
+  margin-bottom: 10rpx;
+  text-align: left;
 }
 
-text {
+.text {
-  display: inline-block;
+  width: 80rpx;
-  width: 80px;
+  font-size: 28rpx;
+  text-align: left;
+}
+.row {
+  display: flex;
+}
+
+.cell {
+  flex: 1;
+  height: 40rpx;
+  line-height: 40rpx;
+  text-align: center;
+  font-size: 24rpx;
+  border: 1rpx solid #ccc;
+  background-color: #fff;
 }
 
-input {
+.header-cell {
-  width: 200px;
+  flex: 1;
-  height: 30px;
+  height: 40rpx;
-  padding: 5px;
+  line-height: 40rpx;
-  border: 1px solid #ccc;
+  text-align: center;
-  border-radius: 4px;
+  font-size: 24rpx;
+  border: 1rpx solid #ccc;
+  background-color: #f0f0f0;
 }
 
-button.btn-submit {
+.checkbox-cell {
-  width: 200px;
+  flex: 1;
-  height: 40px;
+  display: flex;
-  background-color: #007bff;
+  justify-content: center;
-  color: #fff;
+  align-items: center;
-  border: none;
+  font-size: 24rpx;
-  border-radius: 4px;
+  border: 1rpx solid #ccc;
-  cursor: pointer;
+  background-color: #fff;
 }