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

fix: 页面样式调整

Browse Source
This commit is contained in:
huxuejian 2026-04-03 11:24:59 +08:00
parent dd32c29d7e
commit 13fb1b8787
4 changed files with 26 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
components/group-avatar.vue
View File

@ -1,6 +1,7 @@
<template>
<view :class="['flex', 'flex-col', 'items-center', 'justify-center', 'overflow-hidden', 'bg-gray', 'border', { 'rounded-circle': classType === 'circle' }]"
:style="`width:${size.lg}rpx; height: ${size.lg}rpx;`" @click="reGenerate()">
<view class="flex flex-col items-center justify-center overflow-hidden bg-gray border"
:class="classType === 'circle' ? 'rounded-circle' : 'rounded-square'"
:style="`width:${size.lg}rpx; height: ${size.lg}rpx;`">
<view v-for="(item, index) in groups.list" :key="index" class="flex justify-center">
<image v-for="(url, idx) in item" :key="idx" :src="url" :style="groups.style"></image>
</view>
@ -60,18 +61,13 @@ const groups = computed(() => {
return { list: [list.value.slice(0, 1)], style: `width: ${size.value.lg}rpx; height: ${size.value.lg}rpx;` }
})
function reGenerate() {
console.log(list.value)
console.log(groups.value)
}
function getList(size = 9) {
return new Array(size).fill(1).map((_, idx) => `https://picsum.photos/100/100?${Date.now()}_${idx}`)
}
</script>
<style scoped>
.rounded-circle {
border-radius: 50%;
}
.rounded-square {
border-radius: 16rpx;
}
</style>

4
pages/home/home.vue
View File

@ -1,9 +1,9 @@
<template>
<page-loading v-if="loading && teams.length === 0" />
<full-page v-else-if="teams.length && team" class="home-container" :pageStyle="pageStyle">
<template #header>
<!-- <template #header> -->
<team-head :team="team" :teams="teams" @changeTeam="changeTeam" />
</template>
<!-- </template> -->
<view class="home-section home-section--first">
<customer-archive ref="archiveRef" :corpId="corpId" :corpUserIds="corpUserIds" :team="team"
@update:customers="handleCustomersUpdate" />

2
pages/home/team-head.vue
View File

@ -3,7 +3,7 @@
<view :style="{ height: statusBarHeight }" class="status-bar"></view>
<view class="relative z-3 flex items-center px-15 py-12 header-bar">
<view class="flex-shrink-0 mr-5" @click="toTeamDetail">
<group-avatar :size="120" :avatarList="currentTeam ? currentTeam.avatarList : []" />
<group-avatar classType="square" :size="120" :avatarList="currentTeam ? currentTeam.avatarList : []" />
</view>
<view class="w-0 flex-grow">
<view class="flex items-center mb-10">

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

@ -4,7 +4,7 @@
<view class="linear-bg">
<view class="flex items-center pt-15 px-15">
<view class="flex-shrink-0 mr-10">
<group-avatar :size="128" :avatarList="avatarList" />
<group-avatar classType="square" :size="128" :avatarList="avatarList" />
</view>
<view class="w-0 flex-grow">
<view class="name-title font-semibold text-dark truncate">{{ team.name }}</view>
@ -21,8 +21,8 @@
<view class="ablum 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="text-lg text-dark font-semibold">{{ i.anotherName }}</view>
<view class="mt-5 text-base text-gray">
<view class="w-full h-name text-base text-dark font-semibold truncate">{{ i.anotherName }}</view>
<view class="w-full h-job text-sm text-gray truncate">
{{ memberJob[i.userid] }}
</view>
<view v-if="friendlyMember[i.userid]" class="friend-bottom" @click.stop="toFriend(i.userid)">
@ -39,8 +39,8 @@
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>
<view class="w-full mt-5 text-base text-gray truncate px-10">
<view class="h-name w-full text-base text-dark font-semibold truncate px-10">{{ i.anotherName }}</view>
<view class="h-job w-full text-sm text-gray truncate px-10">
{{ memberJob[i.userid] }}
</view>
<view v-if="friendlyMember[i.userid]" class="friend-bottom" @click.stop="toFriend(i.userid)">
@ -226,4 +226,14 @@ page {
.mt-30 {
margin-top: 60rpx;
}
.h-name {
height: 20px;
line-height: 20px;
}
.h-job {
height: 17px;
line-height: 17px;
}
</style>