修改

pages/me/index.js

@@ -13,6 +13,7 @@ Page({
     frameStyle: { useTop: false, name: '我的', leftArrow: false, useBar: true },
     // 主体高度
     infoHeight: '',
+    total:'4',
     list: [
       {
         id: '1', listbisai: [
@@ -23,11 +24,6 @@ Page({
         ], name: '张爽', company: '福瑞科技有限公司', gender: '女', src: '/image/tou.png', address: '马利克克海拉队', team: '队员',
       },
     ],
-    list2: [
-      {
-        id: '1', total: '4'
-      },
-    ],
     list3: [
       {
         id: '1', head: '/image/head1.png', group: '哈拉海队', time: '08:30', ball: '足球', grade: 'c', date: '2022.01.15', person: '10',
@@ -36,6 +32,7 @@ Page({
         id: '2', head: '/image/head1.png', group: '尼奥尔队', time: '08:30', ball: '篮球', grade: 'c', date: '2022.01.15', person: '9',
       },
     ],
+    
   },
   tabPath(e) {
     let query = e.detail.detail;

pages/me/index.wxml

@@ -70,7 +70,7 @@
         </view>
       </view>
     </view>
-    <view class="four-zan" wx:if="{{item.listbisai.length ==0}}" wx:key="item" wx:for="{{list}}"> 
+    <view class="four-zan" wx:if="{{item.listbisai.length ==0}}" wx:key="item" wx:for="{{list}}">
       <view class="zan-left">
         <text>暂无比赛</text>
       </view>
@@ -79,24 +79,32 @@
       </view>
     </view>
     <view class="five">
-      <view class="list" wx:key="item" wx:for="{{list2}}">
+      <view class="list" wx:if="{{total!=''}}">
         <text class="tuan">我的团队</text>
-        <text class="total">共参加{{item.total}}个队伍</text>
+        <text class="total">共参加{{total}}个队伍</text>
         <text class="chuang">创建团队</text>
+        <view class="list3" wx:key="item" wx:for="{{list3}}">
+          <view class="dui-left">
+            <image src="{{item.head}}" class="dui-image"></image>
+            <text class="group">{{item.group}}</text>
+            <button class="ball" size="mini" wx:if="{{item.ball=='篮球'}}" style="background-color: rgb(245, 172, 63);;">{{item.ball}}</button>
+            <button class="ball" size="mini" wx:if="{{item.ball=='足球'}}" style="background-color: rgb(63, 127, 245);">{{item.ball}}</button>
+            <button class="grade" size="mini">{{item.grade}}</button>
+            <text class="date">{{item.date}}</text>
+            <text class="date">{{item.time}}创建</text>
+          </view>
+          <view class="dui-right"><text class="person">
+              共{{item.person}}人
+            </text></view>
+        </view>
       </view>
-      <view class="list3" wx:key="item" wx:for="{{list3}}">
-        <view class="dui-left">
-          <image src="{{item.head}}" class="dui-image"></image>
-          <text class="group">{{item.group}}</text>
-          <button class="ball" size="mini" wx:if="{{item.ball=='篮球'}}" style="background-color: rgb(245, 172, 63);;" >{{item.ball}}</button>
-          <button class="ball" size="mini" wx:if="{{item.ball=='足球'}}" style="background-color: rgb(63, 127, 245);" >{{item.ball}}</button>
-          <button class="grade" size="mini">{{item.grade}}</button>
-          <text class="date">{{item.date}}</text>
-          <text class="date">{{item.time}}创建</text>
-        </view>
-        <view class="dui-right"><text class="person">
-            共{{item.person}}人
-          </text></view>
+      <view class="list0" wx:if="{{total==''}}">
+        <text class="tuan">我的团队</text>
+        <text class="total">暂无加入任何团队</text>
+        <text class="chuang">创建团队</text>
+        <view class="jian">
+          <view class="viewjian"><text class="jiantext">创建或加入一个团队进行比赛</text></view>
+        </view>
       </view>
     </view>
     <view class="six">

pages/me/index.wxss

@@ -85,13 +85,10 @@
 }
 
 .thr {
-  position: absolute;
-  top: 38%;
-  left: 8%;
-  float: left;
   width: 83%;
   height: 38px;
-  margin-top: 8px;
+  margin-top: 10%;
+  margin-left: 10%;
   background-color: rgb(217, 235, 250);
   border-radius: 7px;
 }
@@ -114,7 +111,7 @@
 
 .four {
   position: relative;
-  top: 8%;
+  top: -5%;
   width: 100%;
   height: 30px;
 }
@@ -255,10 +252,8 @@
 }
 
 .five {
-  position: absolute;
-  top: 60%;
-  left: 4.5%;
-  float: left;
+  margin-top: 13%;
+  margin-left: 5%;
   width: 91%;
   border-radius: 5px;
   background-color: #fff;
@@ -315,10 +310,12 @@
   margin-top: 10px;
   background-color: rgb(217, 235, 250);
   width: 100%;
-  height: 67px;
+  height: 65px;
   border-radius: 7px;
 }
-
+.list0{
+  height: 105px;
+}
 .group {
   line-height: 10px;
 }
@@ -330,6 +327,20 @@
   font-size: 12px !important;
   color: #fff;
 }
+.jian{
+  margin: 3%;
+  border-radius: 10px;
+  background-color: rgb(241, 241, 241);
+}
+.viewjian{
+  margin-top: 3%;
+  line-height: 62px;
+}
+.jiantext{
+  text-align: center;
+  color: rgb(160, 160, 160);
+  margin-left: 20%;
+}
 
 .dui-right {
   text-align: center;
@@ -339,13 +350,10 @@
   font-size: 14px;
   color: rgb(121, 121, 121);
 }
-
 .six {
-  position: absolute;
-  top: 93%;
-  left: 4.5%;
-  float: left;
   width: 91%;
+  height: 90px;
+  margin-left: 5%;
   border-radius: 5px;
   background-color: #fff;
 }