修改

app.json

@@ -1,5 +1,6 @@
 {
   "pages": [
+    "pages/administration/detail",
     "pages/me/index",
     "pages/login/index",
     "pages/home/index",
@@ -7,6 +8,7 @@
     "pages/administration/index",
     "pages/competition/index",
     "pages/team/index",
+    "pages/team/detail",
     "pages/ranking/index",
     "pages/index/index",
     "pages/register/index",

pages/administration/detail.js

@@ -0,0 +1,85 @@
+// pages/login/login.js
+import WxValidate from '../../utils/wxValidate'
+const app = getApp()
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    src: '/image/adimage.png',
+    src1: '/image/qun.png',
+    frameStyle: { useTop: false, name: '团队审核', leftArrow: false, useBar: false },
+    // 主体高度
+    infoHeight: '',
+  },
+  back: function () {
+    wx.navigateBack({ url: '/pages/home/index' })
+  },
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+    // 计算高度
+    this.searchHeight()
+  },
+  // 计算高度
+  searchHeight: function () {
+    let frameStyle = this.data.frameStyle;
+    let client = app.globalData.client;
+    // 减去状态栏
+    let infoHeight = client.windowHeight - (client.statusBarHeight + client.getMenu.height + (client.getMenu.top - client.statusBarHeight) * 2);
+    // 是否减去底部菜单
+    if (frameStyle.useBar) infoHeight = infoHeight - 50;
+    if (infoHeight) this.setData({ infoHeight: infoHeight })
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})

pages/administration/detail.json

@@ -0,0 +1,6 @@
+{
+  "component": true,
+  "usingComponents": {
+    "mobile-main": "/commpents/mobile-frame/mobile-main"
+  }
+}

pages/administration/detail.wxml

@@ -0,0 +1,12 @@
+<mobile-main frameStyle="{{frameStyle}}" bind:back="back">
+  <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>
+      <view class="one-2">
+        <image class="imgs" src="{{src1}}"></image>
+      </view>
+    </view>
+  </view>
+</mobile-main>

pages/administration/detail.wxss

@@ -0,0 +1,17 @@
+.main {
+  position: relative;
+  width: 100%;
+}
+.one-2{
+  position: absolute;
+  top: 15%;
+  left:37%;
+  width: 25%;
+  height: 93px;
+  border-radius: 50%; 
+  background-color: #eeeeee;
+}
+.imgs{
+  width: 100%;
+  height: 93px; 
+}

pages/ranking/index.wxss

@@ -96,14 +96,14 @@
 
 .dui {
   float: left;
-  width: 60%;
+  width: 50%;
   font-size: 14px;
   margin-left: 7px;
 }
 
 .fen {
   float: left;
-  width: 17%;
+  width: 15%;
   font-weight: 500;
 }
 

pages/team/detail.js

@@ -0,0 +1,98 @@
+// pages/login/login.js
+import WxValidate from '../../utils/wxValidate'
+const app = getApp()
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    frameStyle: { useTop: true, name: '我的团队', leftArrow: false, useBar: true },
+    // 主体高度
+    infoHeight: '',
+    list: [
+      {
+        id: '1', head: '/image/head1.png', group: '哈拉海队', time: '08:30', date: '2022.01.15', person: '10',Founder:'XXX'
+      },
+      {
+        id: '1', head: '/image/head1.png', group: '哈拉海队', time: '08:30', date: '2022.01.15', person: '10',Founder:'XXX'
+      },
+      {
+        id: '1', head: '/image/head1.png', group: '哈拉海队', time: '08:30', date: '2022.01.15', person: '10',Founder:'XXX'
+      },
+      {
+        id: '1', head: '/image/head1.png', group: '哈拉海队', time: '08:30', date: '2022.01.15', person: '10',Founder:'XXX'
+      },
+    ],
+  },
+  tabPath(e) {
+    let query = e.detail.detail;
+    if (query) wx.redirectTo({ url: `/pages/${query}/index` })
+  },
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+    // 计算高度
+    this.searchHeight()
+  },
+  // 计算高度
+  searchHeight: function () {
+    let frameStyle = this.data.frameStyle;
+    let client = app.globalData.client;
+    // 减去状态栏
+    let infoHeight = client.windowHeight - (client.statusBarHeight + client.getMenu.height + (client.getMenu.top - client.statusBarHeight) * 2);
+    // 是否减去底部菜单
+    if (frameStyle.useBar) infoHeight = infoHeight - 50;
+    if (infoHeight) this.setData({ infoHeight: infoHeight })
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})

pages/team/detail.json

@@ -0,0 +1,6 @@
+{
+  "component": true,
+  "usingComponents": {
+    "mobile-main": "/commpents/mobile-frame/mobile-main"
+  }
+}

pages/team/detail.wxml

@@ -0,0 +1,19 @@
+<mobile-main frameStyle="{{frameStyle}}" bind:tabPath="tabPath">
+  <view slot="info" class="main" style="height:{{infoHeight}}px;">
+    <view class="one"><text>请加入一个团队</text></view>
+    <view class="list" wx:key="item" wx:for="{{list}}">
+      <view class="two">
+        <view class="left">
+          <image class="head" src="{{item.head}}"></image>
+          <text class="group">{{item.group}}</text>
+          <text class="person">共{{item.person}}人</text>
+          <view class="fou"><text>创建人：{{item.Founder}}</text></view>
+          <view class="time"><text class="date">{{item.date}}</text><text>{{item.time}}创建</text></view>
+        </view>
+        <view class="right">
+          <button class="button" form-type="submit">加入</button>
+        </view>
+      </view>
+    </view>
+  </view>
+</mobile-main>

pages/team/detail.wxss

@@ -0,0 +1,77 @@
+.main {
+  position: relative;
+  width: 100%;
+}
+.one{
+  text-align: center;
+  margin-top: 3%;
+  margin-bottom: 3%;
+  color: #9b9b9b;
+  font-size: 15px;
+}
+.two{
+  width: 93%;
+  float: left;
+  margin-left: 3%;
+}
+.left{
+  float: left;
+  width: 70%;
+  padding-top: 10px;
+  padding-left: 10px;
+  padding-bottom: 10px;
+}
+.two{
+  background-color: white;
+  margin-bottom: 3%;
+  border-radius: 8px;
+}
+.right{
+  float: left;
+  width: 20%;
+  margin-top: 9%;
+}
+.button{
+  margin-top: 0 !important;
+  width: 77px !important;
+  height: 30px;
+  background-color: rgba(243, 32, 162,0.5);
+  background-image: linear-gradient(to right, rgb(236, 75, 83) , rgb(247, 41, 230));
+  border-radius: 30px; 
+  color:#ffffff; 
+  font-size: 13px;
+}
+.head {
+  float: left;
+  margin-left: 7px;
+  width: 15%;
+  height: 31px;
+  overflow: hidden;
+}
+.group{
+  font-size: 16px;
+  line-height: 30px;
+  font-weight: 500;
+  margin-left: 4%;
+  margin-right: 8%;
+}
+.fou{
+  font-size: 13px;
+  color: #9e9e9e;
+  margin: 2%;
+  margin-left: 10px;
+  float: left;
+  width: 100%;
+}
+.person{
+  font-size: 13px;
+  color: #9e9e9e;
+}
+.time{
+  margin-left: 10px;
+  font-size: 13px;
+  color: #9e9e9e;
+}
+.date{
+  margin-right: 5px;
+}