Merge branch 'master' of http://git.cc-lotus.info/ball-court/court-mobile

app.json

@@ -1,8 +1,8 @@
 {
   "pages": [
-    "pages/login/index",
+    
     "pages/home/index",
-   
+    "pages/login/index",
     "pages/search/index",
     "pages/administration/index",
     "pages/administration/detail",
@@ -18,6 +18,7 @@
     "pages/photo/index",
     "pages/dissolution/index",
     "pages/score/index",
+    "pages/teamDetails/detail",
     "pages/add/index",
     "pages/password/index",
     "pages/auditTeam/index",

pages/me/index.js

@@ -73,6 +73,11 @@ Page({
       url: `/pages/createTeam/index`,
     })
   },
+  ToDetails:function () {
+    wx.navigateTo({
+      url: `/pages/teamDetails/detail`,
+    })
+  },
   //已上传图片
   Uploaded: function () {
     wx.navigateTo({

pages/me/index.wxml

@@ -87,7 +87,7 @@
           <text class="chuang" bindtap="create">创建团队</text>
         </view>
         <view class="weui-cells mgt-0 {{!showMore? 'hiddenmore' : 'showmore'}}">
-          <view wx:key="item" wx:for="{{list3}}" wx:for-index="idx" wx:key="key" class="list3 {{idx>1 ? 'more-item' : ''}}">
+          <view wx:key="item" wx:for="{{list3}}" wx:for-index="idx" wx:key="key" bindtap="ToDetails" class="list3 {{idx>1 ? 'more-item' : ''}}">
             <view class="dui-left">
               <view class="dui-left1">
                 <image src="{{item.head}}" class="dui-image"></image>

pages/teamDetails/detail.js

@@ -0,0 +1,120 @@
+// pages/login/login.js
+import WxValidate from '../../utils/wxValidate'
+const app = getApp()
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    src: '/image/adimges.jpg',
+    src1: '/image/head1.png',
+    frameStyle: { useTop: false, name: '团队详情', leftArrow: true, 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' })
+  },
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  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/teamDetails/detail.json

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

pages/teamDetails/detail.wxml

@@ -0,0 +1,64 @@
+<mobile-main frameStyle="{{frameStyle}}" bind:back="back">
+  <view slot="info" class="main" style="height:{{infoHeight}}px;">
+    <view class="one">
+      <view class="one-1">
+        <view class="onea">
+          <cover-image src='/image/back.png' class="back" bindtap='back'></cover-image>
+        </view>
+        <view class="ones">
+          <text>团队信息</text>
+        </view>
+        <image style="width: 100%; height: 280px; background-color: #eeeeee;" src="{{src}}"></image>
+      </view>
+      <view class="one-2" wx:key="item" wx:for="{{list}}">
+        <image class="imgs" src="{{src1}}"></image>
+      </view>
+      <view class="one-3" wx:key="item" wx:for="{{list}}">
+        <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>
+    </view>
+  </view>
+</mobile-main>

pages/teamDetails/detail.wxss

@@ -0,0 +1,194 @@
+.main {
+  position: relative;
+  width: 100%;
+}
+.back {
+  width: 40rpx;
+  height: 40rpx;
+  left: 15px;
+  width: 40rpx;
+  height: 40rpx;
+}
+.onea{
+  font-weight: 600;
+  position: absolute;
+  top: 5%;
+  left: 2%;
+}
+.ones{
+  font-weight: 600;
+  position: absolute;
+  top: 5%;
+  left: 42%;
+  color: #ffffff;
+}
+.one-2{
+  position: absolute;
+  top: 18%;
+  left: 41%;
+  width: 18%;
+  height: 63.78px;
+  border-radius: 50%; 
+}
+.one-3{
+  position: absolute;
+  top: 29%;
+  left: 42%;
+  width: 23%;
+  height: 63.78px;
+}
+.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;
+  border-radius: 24.5px;
+}
+.img{
+  width: 100%;
+  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;
+}