huxuejian/ykt-team-wxapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update team-detail.vue

Browse Source
This commit is contained in:
huxuejian 2026-04-03 10:54:50 +08:00
parent e5047efff8
commit dd32c29d7e
1 changed files with 23 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
pages/team/team-detail.vue
View File

@ -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;
}