修改

icon/icon.wxss

@@ -1,8 +1,9 @@
 @font-face {
-  font-family: "iconfont"; /* Project id 3244772 */
-  src: url('//at.alicdn.com/t/font_3244772_9toijx5qznp.woff2?t=1647420224492') format('woff2'),
-       url('//at.alicdn.com/t/font_3244772_9toijx5qznp.woff?t=1647420224492') format('woff'),
-       url('//at.alicdn.com/t/font_3244772_9toijx5qznp.ttf?t=1647420224492') format('truetype');
+  font-family: "iconfont";
+  /* Project id 3244772 */
+  src: url('//at.alicdn.com/t/font_3244772_44enwkgp5il.woff2?t=1647574012924') format('woff2'),
+    url('//at.alicdn.com/t/font_3244772_44enwkgp5il.woff?t=1647574012924') format('woff'),
+    url('//at.alicdn.com/t/font_3244772_44enwkgp5il.ttf?t=1647574012924') format('truetype');
 }
 
 .iconfont {
@@ -13,6 +14,18 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-jia:before {
+  content: "\e6a1";
+  font-size: 25px;
+  color: #cfcfcf;
+  font-weight: 700;
+}
+
+.icon-dian:before {
+  content: "\ec1e";
+  font-size: 30px;
+}
+
 .icon-C1:before {
   content: "\e601";
   color: rgb(212, 0, 0);

pages/administration/detail.js

@@ -7,11 +7,46 @@ Page({
    * 页面的初始数据
    */
   data: {
-    src: '/image/adimage.png',
-    src1: '/image/qun.png',
+    src: '/image/adimges.jpg',
+    src1: '/image/head1.png',
     frameStyle: { useTop: false, name: '团队审核', leftArrow: false, useBar: false },
     // 主体高度
     infoHeight: '',
+    list: [
+      {
+        id: '1',time: '08:30', date: '2022.01.15',Founder:'XXX',group:'哈拉海队',person:'10'
+      }
+    ],
+    lists: [
+      {
+        id: '1',name:'老头1',head:'/image/tou.png'
+      },
+      {
+        id: '1',name:'老头2',head:'/image/tou.png'
+      },
+      {
+        id: '1',name:'老头3',head:'/image/tou.png'
+      },
+      {
+        id: '1',name:'老头4',head:'/image/tou.png'
+      },
+      {
+        id: '1',name:'老头5',head:'/image/tou.png'
+      },
+      {
+        id: '1',name:'老头6',head:'/image/tou.png'
+      },
+      {
+        id: '1',name:'老头7',head:'/image/tou.png'
+      },
+
+      {
+        id: '1',name:'老头8',head:'/image/tou.png'
+      },
+      {
+        id: '1',name:'老头9',head:'/image/tou.png'
+      },
+    ],
   },
   back: function () {
     wx.navigateBack({ url: '/pages/home/index' })

pages/administration/detail.wxml

@@ -2,10 +2,61 @@
   <view slot="info" class="main" style="height:{{infoHeight}}px;">
     <view class="one">
       <view class="one-1">
-        <image style="width: 100%; height: 250px; background-color: #eeeeee;" src="{{src}}"></image>
+      <view class="ones"><text>团队信息</text></view>
+        <image style="width: 100%; height: 280px; background-color: #eeeeee;" src="{{src}}"></image>
       </view>
-      <view class="one-2">
+      <view class="one-2" wx:key="item" wx:for="{{list}}">
         <image class="imgs" src="{{src1}}"></image>
+        <view class="group">{{item.group}}</view>
+        <view class="person">共{{item.person}}人</view>
+      </view>
+    </view>
+    <view class="two" wx:key="item" wx:for="{{list}}">
+      <view class="two-1">
+        <view class="two1">
+          <view class="two-left1">
+            <text class=" icon iconfont icon-dian"></text>
+          </view>
+          <view class="two-right1">
+            <view><text class="zi">创建人：</text>{{item.Founder}}</view>
+          </view>
+        </view>
+        <view class="two2">
+          <view class="two-left2">
+            <text class=" icon iconfont icon-dian"></text>
+          </view>
+          <view class="two-right2">
+            <view><text class="zi">创建时间：</text><text class="date">{{item.date}}</text>{{item.time}}</view>
+          </view>
+        </view>
+      </view>
+    </view>
+    <view class="thr">
+      <view><text class="tuan">队员信息</text></view>
+      <view class="thr-1" wx:key="item" wx:for="{{lists}}">
+        <view class="thr1">
+          <view class="thr-left">
+            <image class="img" src="{{item.head}}"></image>
+          </view>
+          <view class="thr-right"><text class="name">{{item.name}}</text> </view>
+        </view>
+      </view>
+      <view class="thr-2">
+        <view class="thr2">
+          <view class="thr3">
+            <text class=" icon iconfont icon-jia"></text>
+          </view>
+        </view>
+      </view>
+    </view>
+    <view class="four">
+      <view class="four-1">
+        <view class="four1">
+          <button class="button" form-type="submit" bindtap='back' >驳回</button>
+        </view>
+        <view class="four2">
+          <button class="buttons" form-type="submit">通过</button>
+        </view>
       </view>
     </view>
   </view>

pages/administration/detail.wxss

@@ -2,16 +2,172 @@
   position: relative;
   width: 100%;
 }
+.ones{
+  font-weight: 600;
+  position: absolute;
+  top: 5%;
+  left: 42%;
+  color: #ffffff;
+}
 .one-2{
   position: absolute;
-  top: 15%;
-  left:37%;
-  width: 25%;
-  height: 93px;
+  top: 18%;
+  left: 41%;
+  width: 18%;
+  height: 63.78px;
   border-radius: 50%; 
-  background-color: #eeeeee;
 }
 .imgs{
+  margin-top: 4px;
+  margin-left: 2px;
+  width: 95%;
+  height: 51.58px; 
+}
+.two-1{
+  margin-top: -4px;
+  background-color: #ffffff;
+  font-size: 15px;
+  margin-bottom: 6%;
+}
+.two{
+  background-color: #ffffff;
+}
+.two1{
+  padding-top: 30px;
+  padding-bottom: 10px;
+}
+.two2{
+  padding-bottom: 20px;
+}
+.two-left1{
+  float: left;
+  margin-top: -3px;
+  width: 10%;
+}
+.two-left2{
+  margin-top: -3px;
+  float: left;
+  width: 10%;
+}
+.zi{
+  color: #9e9e9e;
+}
+.date{
+  margin-right: 2%;
+}
+.thr{
+  padding-top: 15px;
+  background-color: #ffffff;
+}
+.tuan {
+  margin-left: 11px;
+  font-size: 16px;
+  font-weight: 500;
+  margin-right: 10px;
+}
+.thr-left{
+  width: 79%;
+  height: 49px;
+  background-color: #eeeeee;
+}
+.img{
   width: 100%;
-  height: 93px; 
+  height: 49px; 
+}
+.thr-1{
+  padding-top: 10px;
+  padding-left: 10px;
+  float: left;
+  width: 17.2%;
+  background-color: #ffffff;
+  padding-bottom: 5px;
+}
+.thr1{
+  background-color: #ffffff;
+}
+.thr-2{
+  padding-top: 10px;
+  padding-left: 8px;
+  float: left;
+  width: 18%;
+  height: 75px;
+  background-color: #ffffff;
+  /* border: 1px solid red; */
+}
+.thr2{
+  float: left;
+  width: 50px;
+  height: 50px;
+  border: 2px solid #dddcdc;
+}
+.name{
+  margin-left: 10px;
+  font-size: 13px;
+  color: #727272;
+}
+.thr3{
+  margin-top: 22%;
+  margin-left: 23%;
+}
+.four{
+  background-color: white;
+}
+.four-1{
+  background-color: white;
+  width: 100%;
+  height: 280px;
+  margin-top: 10%;
+}
+.four1{
+  background-color: white;
+  margin-top: 15%;
+  margin-bottom: 15%;
+  margin-left: 10%;
+  float: left;
+  width: 37%;
+}
+.four2{
+  background-color: white;
+  margin-top: 15%;
+  margin-bottom: 15%;
+  float: left;
+  width: 30%;
+}
+.button{
+  margin-top: 0 !important;
+  width: 140px !important;
+  height: 35px;
+  background-color: rgba(209, 205, 205, 0.5);
+  /* background-image: linear-gradient(to right, rgb(236, 75, 83) , rgb(247, 41, 230)); */
+  border-top-left-radius: 1.5em;
+  border-top-right-radius: 0em;
+  border-bottom-right-radius: 0em;
+  border-bottom-left-radius: 1.5em;
+  color:#777777; 
+  font-size: 14px;
+}
+.buttons{
+  margin-top: 0 !important;
+  width: 140px !important;
+  height: 35px;
+  background-color: rgba(32, 88, 243, 0.5);
+  background-image: linear-gradient(to right, rgb(75, 113, 236) , rgb(203, 97, 245));
+  border-top-left-radius: 0em;
+  border-top-right-radius: 1.5em;
+  border-bottom-right-radius: 1.5em;
+  border-bottom-left-radius: 0em;
+  color:#ffffff; 
+  font-size: 14px;
+}
+.group{
+  color: #ffffff;
+  margin-top: 20%;
+  margin-left: 2%;
+  margin-bottom: 10%;
+}
+.person{
+  margin-left: 18%;
+  font-size: 13px;
+  color: #ffffff;
+  font-weight: 300;
 }

pages/administration/index.js

@@ -73,6 +73,11 @@ Page({
      url: `/pages/ranking/index`,
     })
    },
+   shen:function(){
+    wx.navigateTo({
+     url: `/pages/administration/detail`,
+    })
+   },
   setup() {
     const active = ref(0);
     return { active };

pages/administration/index.wxml

@@ -15,7 +15,7 @@
         <image class="imagh" src="{{src2}}"></image>
       </view>
       <view class="right">
-        <text class="th">团队审批</text>
+        <text class="th" bindtap='shen' >团队审批</text>
         <image class="imagx" src="{{src5}}"></image>
         <image class="imagh" src="{{src2}}"></image>
       </view>