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