program

src/miniprogram/app.json

@@ -1,8 +1,10 @@
 {
   "pages": [
     "pages/index/index",
-    "pages/msg/index",
-    "pages/profile/index"
+    "pages/msg/msg",
+    "pages/profile/profile",
+    "pages/msg 1/msg 1",
+    "pages/msg 2/msg 2"
   ],
   "window": {
     "backgroundColor": "#FFF",
@@ -12,20 +14,21 @@
     "navigationBarTextStyle": "black"
   },
   "tabBar": {
-    "list": [{
+    "list": [
+      {
         "pagePath": "pages/index/index",
         "text": "main",
         "iconPath": "images/main.png",
         "selectedIconPath": "images/main_on.png"
       },
       {
-      "pagePath": "pages/msg/index",
+        "pagePath": "pages/msg/msg",
         "text": "msg",
         "iconPath": "images/msg.png",
         "selectedIconPath": "images/msg_on.png"
       },
       {
-      "pagePath": "pages/profile/index",
+        "pagePath": "pages/profile/profile",
         "text": "profile",
         "iconPath": "images/profile.png",
         "selectedIconPath": "images/profile_on.png"

src/miniprogram/pages/index/index.wxml

@@ -1,14 +1,16 @@
 <view >
+  <view>
+    <view class="button-wrapper">
+      <button class="custom-button" onclick="goToPageA()">Recommend</button>
+      <button class="custom-button" onclick="goToPageB()">Demand</button>
+    </view>
+  </view>
+
   <view class="cover">
       <image src="/images/app.png"class="app"/>
-
   </view>
+  
   <view class="title" bind:tap="change">{{hello}}</view>
   <view class="desc">这里是家教帮平台，再也不用担心孩子的学习了</view>
-  <view class="choose">
-    <navigator class="join" url="/pages/form/index">创建小组</navigator>
-    <navigator class="join" url="/pages/list/index">加入小组</navigator>
-    <navigator class="join" url="/pages/tip/index">其他小组</navigator>
-    <navigator class="join" url="/pages/group/index">我的小组</navigator>
-  </view>>
+  
 </view>

src/miniprogram/pages/index/index.wxss

@@ -1,3 +1,21 @@
+.button-wrapper {
+  display: flex;
+  justify-content: space-between; /* 将两个按钮分别放置在容器的两端 */
+}
+.custom-button {
+  padding: 10px 20px;
+  background-color: #007bff;
+  color: #fff;
+  border: none;
+  border-radius: 5px;
+  font-size: 16px;
+  cursor: pointer;
+}
+
+.custom-button:hover {
+  background-color: #0056b3;
+}
+
 .cover{
   background-color: #f1f1f1;
   text-align: center;