修改

icon/icon.wxss

@@ -1,8 +1,9 @@
 @font-face {
-  font-family: "iconfont"; /* Project id 3244772 */
-  src: url('//at.alicdn.com/t/font_3244772_sq4yuxqz46.woff2?t=1647243918406') format('woff2'),
-       url('//at.alicdn.com/t/font_3244772_sq4yuxqz46.woff?t=1647243918406') format('woff'),
-       url('//at.alicdn.com/t/font_3244772_sq4yuxqz46.ttf?t=1647243918406') format('truetype');
+  font-family: "iconfont";
+  /* Project id 3244772 */
+  src: url('//at.alicdn.com/t/font_3244772_rid04ak1xdb.woff2?t=1647400876671') format('woff2'),
+    url('//at.alicdn.com/t/font_3244772_rid04ak1xdb.woff?t=1647400876671') format('woff'),
+    url('//at.alicdn.com/t/font_3244772_rid04ak1xdb.ttf?t=1647400876671') format('truetype');
 }
 
 .iconfont {
@@ -13,6 +14,15 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-dayuhao1:before {
+  content: "\e600";
+}
+
+.icon-xiaoyuhao:before {
+  content: "\e600";
+  font-size: 20px;
+}
+
 .icon-shenhe:before {
   content: "\e61d";
   font-size: 20px;
@@ -36,4 +46,5 @@
 .icon-qi:before {
   content: "\e61f";
   color: rgb(14, 176, 240);
+  font-style: italic;
 }

pages/me/index.js

@@ -13,15 +13,16 @@ Page({
     frameStyle: { useTop: false, name: '我的', leftArrow: false, useBar: true },
     // 主体高度
     infoHeight: '',
-    total:'4',
-    list: [
-      {
-        id: '1', listbisai: [
+    total:'4', 
+    listbisai: [
           {
-            head2: '/image/head2.png', head1: '/image/head1.png', fraction2: '0', groupname2: '马尼拉组', fraction1: '0', site: '第一场', groupname1: '哈拉海组',week: '星期五', time: '13：00',
-            state: '已结束', date: '2022.01.15',start:'未开始'
+            id: '1',head2: '/image/head2.png', head1: '/image/head1.png', fraction2: '0', groupname2: '马尼拉组', fraction1: '0', site: '第一场', groupname1: '哈拉海组',week: '星期五', time: '13：00',
+            state: '已结束', date: '01.15',start:'未开始'
           }
-        ], name: '张爽', company: '福瑞科技有限公司', gender: '女', src: '/image/tou.png', address: '马利克克海拉队', team: '队员',
+        ],
+    list: [
+      {
+        id: '1', name: '张爽', company: '福瑞科技有限公司', gender: '女', src: '/image/tou.png', address: '马利克克海拉队', team: '队员',
       },
     ],
     list3: [
@@ -29,7 +30,7 @@ Page({
         id: '1', head: '/image/head1.png', group: '哈拉海队', time: '08:30', ball: '足球', grade: 'c', date: '2022.01.15', person: '10',
       },
       {
-        id: '2', head: '/image/head1.png', group: '尼奥尔队', time: '08:30', ball: '篮球', grade: 'c', date: '2022.01.15', person: '9',
+        id: '2', head: '/image/head1.png', group: '尼奥尔队', time: '08:30', ball: '篮球', date: '2022.01.15', person: '9',
       },
     ],
     

pages/me/index.wxml

@@ -25,6 +25,7 @@
           </view>
           <view class="qian">
             <text class="text3">{{item.address}}</text>
+            <van-icon name="arrow" color="rgb(177, 177, 177)" />
           </view>
         </view>
       </view>
@@ -37,40 +38,40 @@
         <button class="buttons" size="mini">上传比分</button>
       </view>
     </view>
-    <view class="four" wx:if="{{item.listbisai.length !=0}}" wx:key="item" wx:for="{{list}}">
+    <view class="four" wx:if="{{listbisai.length!=0}}" wx:key="item" wx:for="{{listbisai}}">
       <image src="{{src3}}" class="huang"></image>
-      <view class="list1" wx:for="{{item.listbisai}}" wx:for-item="items">
+      <view class="list1">
         <view class="left3">
-          <text class="text5">{{items.start}}</text>
+          <text class="text5">{{item.start}}</text>
         </view>
         <view class="right3">
-          <text class="text6">{{items.date}}</text>
-          <text class="text6">{{items.time}}</text>
+          <text class="text6">{{item.date}}</text>
+          <text class="text6">{{item.time}}</text>
         </view>
         <view class="right4">
           <view class="right1_1">
-            <text class="text4-1">{{items.match}}</text>
-            <text class="text4-1">{{items.group}}</text>
+            <text class="text4-1">{{item.match}}</text>
+            <text class="text4-1">{{item.group}}</text>
           </view>
           <view class="right1_2">
             <view class="right1_2o">
-              <image src="{{items.head1}}"></image>
+              <image src="{{item.head1}}"></image>
             </view>
-            <view class="right1_2t"><text>{{items.groupname1}}</text></view>
+            <view class="right1_2t"><text>{{item.groupname1}}</text></view>
             <view class="right1_2i">
-              <text class="text6-1">{{items.fraction1}}</text>
+              <text class="text6-1">{{item.fraction1}}</text>
               <text class="text8-1">:</text>
-              <text class="text7-1">{{items.fraction2}}</text>
+              <text class="text7-1">{{item.fraction2}}</text>
             </view>
-            <view class="right1_2t"><text>{{items.groupname2}}</text></view>
+            <view class="right1_2t"><text>{{item.groupname2}}</text></view>
             <view class="right1_2o">
-              <image src="{{items.head2}}"></image>
+              <image src="{{item.head2}}"></image>
             </view>
           </view>
         </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="{{listbisai.length==0}}" wx:key="item" wx:for="{{listbisai}}">
       <view class="zan-left">
         <text>暂无比赛</text>
       </view>
@@ -79,23 +80,31 @@
       </view>
     </view>
     <view class="five">
-      <view class="list" wx:if="{{total!=''}}">
+      <view class="listtuan" wx:if="{{total!=''}}">
         <text class="tuan">我的团队</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>
+            <view class="dui-left1">
+              <image src="{{item.head}}" class="dui-image"></image>
+            </view>
+            <view class="dui-right1">
+              <text class="group">{{item.group}}</text>
+            </view>
+            <button class="ball" size="mini" wx:if="{{item.ball=='足球'}}" style="background-color:rgb(63, 127, 245);">{{item.ball}}</button>
+            <button class="ball" size="mini" wx:if="{{item.ball=='篮球'}}" style="background-color:rgb(245, 172, 63);">{{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>
+            </text>
+          </view>
+          <text class="date">{{item.date}}</text>
+          <text class="date">{{item.time}}创建</text>
+        </view>
+        <view class="van">
+          <van-icon name="arrow-down" />
         </view>
       </view>
       <view class="list0" wx:if="{{total==''}}">
@@ -108,7 +117,7 @@
       </view>
     </view>
     <view class="six">
-      <view class="six-11"><text>我的服务</text></view>
+      <view class="six-11"><text class="fui">我的服务</text></view>
       <view class="six-0">
         <view class="six-left">
           <text class=" icon iconfont icon-shangchuanzhaopian"></text>

pages/me/index.wxss

@@ -11,7 +11,7 @@
 
 .theme {
   position: absolute;
-  margin-top: 13%;
+  margin-top: 7%;
   color: #fff;
   text-align: center;
   width: 100%;
@@ -33,7 +33,7 @@
 }
 
 .button {
-  margin-top: 7px;
+  margin-top: 8px;
   background-color: rgb(148, 138, 240);
   border-radius: 7px;
   font-size: 12px !important;
@@ -41,9 +41,9 @@
 }
 
 .name {
-  margin-top: 6px;
+  margin-top: 10px;
   float: left;
-  width: 20%;
+  width: 17%;
   font-size: 16px;
   font-weight: 600;
   text-align: center;
@@ -61,6 +61,7 @@
 .text1 {
   color: rgb(194, 194, 194);
   font-size: 13px;
+  margin-right: 10px;
   margin-left: 10px;
   margin: 5px;
 }
@@ -69,7 +70,7 @@
   color: rgb(194, 194, 194);
   font-size: 13px;
   margin: 10px;
-  margin-right: 10px;
+  margin-right: 185px;
 }
 
 .otherInfo {
@@ -77,7 +78,7 @@
 }
 
 .buttons {
-  margin-top: 4px;
+  margin-top: 7px;
   background-color: rgb(72, 169, 248);
   border-radius: 10px;
   font-size: 12px !important;
@@ -94,7 +95,7 @@
 }
 
 .text4 {
-  margin: 5px;
+  margin: 15px;
   font-size: 13px;
   color: rgb(104, 104, 104);
 }
@@ -123,7 +124,7 @@
 
 .right3 {
   float: right;
-  width: 42%;
+  width: 36%;
 }
 
 .list1 {
@@ -153,6 +154,7 @@
   width: 100%;
   height: 120px;
 }
+
 .four-zan {
   position: relative;
   top: 12%;
@@ -163,12 +165,14 @@
   left: 4.5%;
   background-color: white;
 }
-.zan-left{
+
+.zan-left {
   margin-top: 20px;
   float: left;
   width: 60%;
   color: rgb(139, 139, 139);
 }
+
 .zan {
   margin-top: 10px;
   width: 80px;
@@ -196,6 +200,11 @@
   background-color: rgb(238, 238, 238);
 }
 
+.right1_2 .right1_2t text {
+  font-size: 14px;
+  font-weight: 600;
+}
+
 .text8-1 {
   font-size: 23px;
   font-weight: 500;
@@ -212,7 +221,8 @@
 
 .right1_2 {
   float: left;
-  width: 100%
+  width: 98%;
+  margin-top: 3px;
 }
 
 .right1_2 .right1_2o {
@@ -255,13 +265,15 @@
   margin-top: 13%;
   margin-left: 5%;
   width: 91%;
+  height: 200px;
   border-radius: 5px;
   background-color: #fff;
 }
 
 .tuan {
+  margin-left: 11px;
   font-size: 16px;
-  font-weight: 600;
+  font-weight: 550;
   margin-right: 10px;
 }
 
@@ -280,21 +292,32 @@
 }
 
 .dui-image {
-  margin-top: 5px;
-  margin-left: 5px;
-  margin-right: 2px;
-  width: 40px;
-  height: 35px;
+  margin-top: 2px;
+  margin-left: 2px;
+  width: 37px;
+  height: 30px;
   overflow: hidden;
 }
 
 .dui-left {
   float: left;
-  width: 70%;
+  width: 66%;
+}
+
+.dui-left1 {
+  margin-top: 5px;
+  float: left;
+  width: 20%;
 }
 
+.dui-right1 {
+  margin-top: 12px;
+  float: left;
+  width: 33%;
+}
 .date {
   font-size: 13px;
+  margin-left: 4px;
   color: rgb(121, 121, 121);
 }
 
@@ -306,41 +329,64 @@
   color: #fff;
 }
 
+.list3:nth-child(odd) {
+  background-color: rgba(245, 172, 63, 0.1);
+}
+
+.list3:nth-child(even) {
+  background-color: rgba(63, 127, 245, 0.1);
+}
+
+.van {
+  color: rgb(177, 177, 177);
+  text-align: center;
+}
+
 .list3 {
-  margin-top: 10px;
-  background-color: rgb(217, 235, 250);
-  width: 100%;
-  height: 68px;
+  margin: 3%;
+  width: 94%;
+  height: 65px;
   border-radius: 7px;
 }
-.left11-2{
+
+.left11-2 {
+  margin-left: 12px;
   width: 100%;
 }
 
-.list0{
+.list0 {
   height: 105px;
 }
+
 .group {
-  line-height: 10px;
+  font-size: 14px;
+  font-weight: 550;
 }
 
 .ball {
-  margin-top: 7px;
+  margin-top: 10px;
   margin-right: 2px;
   border-radius: 10px;
   font-size: 12px !important;
   color: #fff;
 }
-.jian{
+
+.dui-foot {
+  text-align: left;
+}
+
+.jian {
   margin: 3%;
   border-radius: 10px;
   background-color: rgb(241, 241, 241);
 }
-.viewjian{
-  margin-top: 3%;
+
+.viewjian {
+  margin-top: 13%;
   line-height: 62px;
 }
-.jiantext{
+
+.jiantext {
   text-align: center;
   color: rgb(160, 160, 160);
   margin-left: 20%;
@@ -354,12 +400,20 @@
   font-size: 14px;
   color: rgb(121, 121, 121);
 }
+
 .six {
   width: 91%;
   height: 90px;
   margin-left: 5%;
   border-radius: 5px;
   background-color: #fff;
+  margin-bottom: 15%;
+}
+
+.six-11 {
+  font-size: 16px;
+  font-weight: 550;
+  margin: 12px;
 }
 
 .six-0 {
@@ -387,12 +441,6 @@
   text-align: center;
 }
 
-.six-11 {
-  font-size: 16px;
-  font-weight: 600;
-  margin: 10px;
-}
-
 .six-right {
   text-align: center;
 }