From dd32c29d7e9cb835890e6599bee130c0bfea0dee Mon Sep 17 00:00:00 2001
From: huxuejian <huxuejian@youkang.com>
Date: Fri, 3 Apr 2026 10:54:50 +0800
Subject: [PATCH] Update team-detail.vue

---
 pages/team/team-detail.vue | 34 +++++++++++++++++++++++-----------
 1 file changed, 23 insertions(+), 11 deletions(-)

diff --git a/pages/team/team-detail.vue b/pages/team/team-detail.vue
index b88979b..f850cc6 100644
--- a/pages/team/team-detail.vue
+++ b/pages/team/team-detail.vue
@@ -7,15 +7,15 @@
             <group-avatar :size="128" :avatarList="avatarList" />
           </view>
           <view class="w-0 flex-grow">
-            <view class="name-title text-lg font-semibold text-dark truncate">{{ team.name }}</view>
-            <view class="corp-title text-sm text-gray truncate">{{ corpName }}</view>
+            <view class="name-title font-semibold text-dark truncate">{{ team.name }}</view>
+            <view class="corp-title text-gray truncate">{{ corpName }}</view>
           </view>
         </view>
-        <view v-if="team.teamTroduce" class="mt-12 px-15 leading-normal text-base text-blue">
+        <view class="mt-15 px-15 leading-normal text-base text-blue">
           {{ team.teamTroduce }}
         </view>
         <view class="pt-15"></view>
-        <image v-if="teammate.leaders.length" class="block mt-30 mx-auto icon-role" src="/static/teamleader.svg">
+        <image v-if="teammate.leaders.length" class="block mx-auto icon-role" src="/static/teamleader.svg">
         </image>
         <view v-for="i in teammate.leaders" :key="i._id" class="mt-15 flex flex-col items-center">
           <view class="ablum text-center p-10 flex flex-col items-center rounded-sm"
@@ -34,8 +34,9 @@
           </view>
         </view>
         <image v-if="teammate.members.length" class="block mt-30 mx-auto icon-role" src="/static/teammate.svg"></image>
-        <view v-for="i in teammate.members" :key="i._id" class="mt-15 flex flex-col items-center">
-          <view class="ablum text-center p-10 flex flex-col items-center rounded-sm"
+        <view class="mt-15 px-15 flex flex-wrap" :class="teammate.members.length === 1 ? 'justify-center' : ''">
+          <view v-for="i in teammate.members" :key="i._id"
+            class="ablum ablum--member text-center p-10 flex flex-col items-center rounded-sm"
             :class="friendlyMember[i.userid] ? 'ablum-pb' : ''" @click="toHomePage(i.userid)">
             <image class="avatar mb-10" :src="i.avatar || '/static/default-avatar.png'"></image>
             <view class="w-full text-lg text-dark font-semibold truncate px-10">{{ i.anotherName }}</view>
@@ -46,9 +47,6 @@
               可加好友
             </view>
           </view>
-          <view class="mt-15 border-box w-full px-15 leading-normal text-base text-blue">
-            个人介绍: {{ i.memberTroduce || '暂无介绍' }}
-          </view>
         </view>
       </view>
     </view>
@@ -69,7 +67,6 @@ const corpId = ref('');
 const teamId = ref('');
 const team = ref(null);
 const corpName = ref('');
-const showAllIntroduce = ref(false);
 const { memberJob, memberList: list } = useJob();
 
 const memberList = computed(() => team.value && Array.isArray(team.value.memberList) ? team.value.memberList : [])
@@ -161,11 +158,13 @@ page {
 .name-title {
   height: 64rpx;
   line-height: 64rpx;
+  font-size: 44rpx;
 }
 
 .corp-title {
   height: 44rpx;
   line-height: 44rpx;
+  font-size: 28rpx;
 }
 
 .text-blue {
@@ -177,7 +176,8 @@ page {
 }
 
 .icon-role {
-  margin-bottom: 30rpx;
+  margin-top: 50rpx;
+  margin-bottom: 38rpx;
   width: 280rpx;
   height: 60rpx;
 }
@@ -193,6 +193,18 @@ page {
   padding-bottom: 64rpx;
 }
 
+.ablum--member {
+  width: 332rpx;
+}
+
+.ablum--member:nth-child(2n) {
+  margin-left: 24rpx;
+}
+
+.ablum--member:nth-child(n+3) {
+  margin-top: 30rpx;
+}
+
 .mt-5 {
   margin-top: 10rpx;
 }