Compare commits
No commits in common. "0d2875ed014aae9e6c871e74753ea4038244e119" and "53af6858e3a405546b7fa0cfa6e8475cdd9671e0" have entirely different histories.
0d2875ed01
...
53af6858e3
@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<view class="flex flex-col items-center justify-center rounded-circle overflow-hidden bg-gray border"
|
||||
<view class="flex flex-col items-center justify-center rounded overflow-hidden bg-gray border"
|
||||
:style="`width:${size.lg}rpx; height: ${size.lg}rpx;`" @click="reGenerate()">
|
||||
<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>
|
||||
@ -65,8 +65,3 @@ function getList(size = 9) {
|
||||
}
|
||||
|
||||
</script>
|
||||
<style scoped>
|
||||
.rounded-circle {
|
||||
border-radius: 50%;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -1,22 +1,21 @@
|
||||
<template>
|
||||
<view v-if="articles.length" class="article-container">
|
||||
<view class="flex items-center justify-between">
|
||||
<view v-if="articles.length" class="mt-12 px-15 flex items-center justify-between">
|
||||
<view class="text-lg font-semibold text-dark">健康宣教</view>
|
||||
<view class="flex items-center" @click="toList()">
|
||||
<view class="mr-5 text-base text-gray">更多</view>
|
||||
<image class="arrow-icon" src="/static/home/右箭头-灰色.png" mode="aspectFit"></image>
|
||||
<uni-icons type="right" color="#999"></uni-icons>
|
||||
</view>
|
||||
</view>
|
||||
<view class="mt-10">
|
||||
<view v-for="(article, index) in articles" :key="article._id"
|
||||
class="article-card flex px-20 py-20"
|
||||
:class="{'mb-15': index < articles.length - 1}">
|
||||
<image class="flex-shrink-0 mr-15 cover" :src="article.cover || '/static/home/健康宣教.png'" mode="aspectFill" />
|
||||
<view class="px-15 mt-10">
|
||||
<view class="shadow-lg bg-white rounded">
|
||||
<view v-for="article in articles" :key="article._id"
|
||||
class="flex px-15 py-12 border-b border-solid border-gray-200">
|
||||
<image class="flex-shrink-0 mr-10 cover" :src="article.cover || '/static/book.svg'" />
|
||||
<view class="w-0 flex-grow">
|
||||
<view class="text-base leading-normal font-semibold truncate mb-10 text-dark">
|
||||
<view class="text-base leading-normal font-semibold truncate mb-5">
|
||||
{{ article.title }}
|
||||
</view>
|
||||
<view v-if="article.summary" class="text-sm text-gray line-clamp-2">
|
||||
<view v-if="article.summary" class="text-base text-gray line-clamp-2">
|
||||
{{ article.summary }}
|
||||
</view>
|
||||
</view>
|
||||
@ -64,48 +63,16 @@ watch(articleIds, n => {
|
||||
}, { immediate: true })
|
||||
</script>
|
||||
<style scoped>
|
||||
.article-container {
|
||||
margin: 0 30rpx;
|
||||
margin-top: 24rpx;
|
||||
padding-bottom: 40rpx;
|
||||
}
|
||||
|
||||
.arrow-icon {
|
||||
width: 32rpx;
|
||||
height: 32rpx;
|
||||
}
|
||||
|
||||
.article-card {
|
||||
background: white;
|
||||
border-radius: 16rpx;
|
||||
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.06);
|
||||
transition: all 0.3s;
|
||||
min-height: 168rpx;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.article-card:active {
|
||||
transform: translateY(-2rpx);
|
||||
box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.cover {
|
||||
width: 160rpx;
|
||||
width: 128rpx;
|
||||
height: 128rpx;
|
||||
border-radius: 12rpx;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.mb-15 {
|
||||
margin-bottom: 20rpx;
|
||||
.min-w-120 {
|
||||
min-width: 240rpx;
|
||||
}
|
||||
|
||||
.line-clamp-2 {
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 2;
|
||||
line-clamp: 2;
|
||||
overflow: hidden;
|
||||
line-height: 1.5;
|
||||
.w-80 {
|
||||
width: 160rpx;
|
||||
}
|
||||
</style>
|
||||
@ -9,8 +9,8 @@
|
||||
:key="item.id"
|
||||
@click="handleItemClick(item)"
|
||||
>
|
||||
<view class="item-icon">
|
||||
<image :src="item.icon" class="icon-img" mode="aspectFill" />
|
||||
<view class="item-icon" :style="{ backgroundColor: item.bgColor }">
|
||||
<image :src="item.icon" class="icon-img" mode="aspectFit" />
|
||||
</view>
|
||||
<view class="item-label">{{ item.label }}</view>
|
||||
</view>
|
||||
@ -58,25 +58,29 @@ const consultItems = ref([
|
||||
{
|
||||
id: "chat",
|
||||
label: "聊天咨询",
|
||||
icon: "/static/home/聊天咨询.png",
|
||||
icon: "/static/homepage/chat-icon.png",
|
||||
bgColor: "#5DADE2",
|
||||
needSelectConsultant: true,
|
||||
},
|
||||
{
|
||||
id: "education",
|
||||
label: "我的宣教",
|
||||
icon: "/static/home/我的宣教.png",
|
||||
icon: "/static/homepage/education-icon.png",
|
||||
bgColor: "#F4D03F",
|
||||
path: "/pages/article/article-list",
|
||||
},
|
||||
{
|
||||
id: "survey",
|
||||
label: "我的问卷",
|
||||
icon: "/static/home/我的问卷.png",
|
||||
icon: "/static/homepage/survey-icon.png",
|
||||
bgColor: "#58D68D",
|
||||
path: "/pages/survey/survey-list",
|
||||
},
|
||||
{
|
||||
id: "rating",
|
||||
label: "服务评价",
|
||||
icon: "/static/home/服务评价.png",
|
||||
icon: "/static/homepage/rating-icon.png",
|
||||
bgColor: "#5DADE2",
|
||||
path: "",
|
||||
},
|
||||
]);
|
||||
@ -151,44 +155,41 @@ function handleAddNewArchive() {
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.consult-container {
|
||||
margin: 0 30rpx;
|
||||
margin-top: 24rpx;
|
||||
padding: 32rpx;
|
||||
background: #fff;
|
||||
border-radius: 16rpx;
|
||||
margin: 24rpx;
|
||||
}
|
||||
|
||||
.consult-title {
|
||||
font-size: 36rpx;
|
||||
font-size: 32rpx;
|
||||
font-weight: 600;
|
||||
color: #333;
|
||||
margin-bottom: 24rpx;
|
||||
margin-bottom: 32rpx;
|
||||
}
|
||||
|
||||
.consult-grid {
|
||||
background: #fff;
|
||||
border-radius: 32rpx;
|
||||
padding: 24rpx 30rpx;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
gap: 32rpx;
|
||||
box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.08);
|
||||
gap: 24rpx;
|
||||
}
|
||||
|
||||
.consult-item {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 12rpx;
|
||||
gap: 16rpx;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.item-icon {
|
||||
width: 88rpx;
|
||||
height: 88rpx;
|
||||
border-radius: 50%;
|
||||
width: 96rpx;
|
||||
height: 96rpx;
|
||||
border-radius: 20rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
transition: transform 0.2s;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.consult-item:active .item-icon {
|
||||
@ -196,14 +197,14 @@ function handleAddNewArchive() {
|
||||
}
|
||||
|
||||
.icon-img {
|
||||
width: 88rpx;
|
||||
height: 88rpx;
|
||||
width: 56rpx;
|
||||
height: 56rpx;
|
||||
}
|
||||
|
||||
.item-label {
|
||||
font-size: 26rpx;
|
||||
font-size: 28rpx;
|
||||
color: #333;
|
||||
text-align: center;
|
||||
font-weight: 500;
|
||||
font-weight: 600;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -1,12 +1,11 @@
|
||||
<template>
|
||||
<view class="archive-container">
|
||||
<view class="px-15 py-12 mb-10 bg-white shadow-lg">
|
||||
<view class="mb-10 flex items-center justify-between">
|
||||
<view class="flex-shrink-0 text-lg font-semibold truncate text-dark">
|
||||
<view class="flex-shrink-0 text-lg font-semibold truncate">
|
||||
成员档案
|
||||
</view>
|
||||
<view class="flex items-center px-10 leading-normal text-base text-primary rounded-sm" @click="toManagePage()">
|
||||
<image class="manage-icon mr-5" src="/static/home/档案管理.png" mode="aspectFit"></image>
|
||||
<view>档案管理</view>
|
||||
<view class="px-10 leading-normal border-dashed-auto text-base text-primary rounded-sm" @click="toManagePage()">
|
||||
档案管理
|
||||
</view>
|
||||
</view>
|
||||
<view v-if="customers.length === 0" class="flex items-center justify-center h-80 border-dashed text-dark rounded">
|
||||
@ -16,24 +15,21 @@
|
||||
<scroll-view scroll-x="true">
|
||||
<view class="flex flex-nowrap pb-5 ">
|
||||
<view v-for="i in customers" :key="i._id"
|
||||
class="customer-card flex-shrink-0 mr-15 p-15 rounded-lg relative"
|
||||
:class="current && i._id === current._id ? 'current-customer' : ''" @click="toggle(i)">
|
||||
<view class="flex flex-col items-center">
|
||||
<view class="customer-name text-lg leading-normal font-semibold whitespace-nowrap mb-8"
|
||||
:class="current && i._id === current._id ? 'text-primary' : 'text-dark'">
|
||||
class="flex-shrink-0 min-w-100 mr-10 p-10 rounded relative border-primary"
|
||||
:class="current && i._id === current._id ? 'bg-primary current-customer' : ''" @click="toggle(i)">
|
||||
<view class="flex justify-between mb-5">
|
||||
<view class="text-base leading-normal font-semibold whitespace-nowrap"
|
||||
:class="current && i._id === current._id ? 'text-white' : 'text-dark'">
|
||||
{{ i.name }}
|
||||
</view>
|
||||
<view class="flex items-center mb-5">
|
||||
<image
|
||||
v-if="i.sex"
|
||||
class="sex-icon mr-5"
|
||||
:src="i.sex === '男' ? '/static/icon/male.png' : '/static/home/女性图标.png'"
|
||||
mode="aspectFit"
|
||||
/>
|
||||
<view class="customer-age text-base leading-normal text-gray">
|
||||
{{ i.age > 0 ? i.age + '岁' : '' }}
|
||||
<view v-if="i.relationship" class="flex-shrink-0 px-5 rounded-sm border-auto text-sm leading-normal"
|
||||
:class="current && i._id === current._id ? 'text-white' : 'text-gray'">
|
||||
{{ i.relationship }}
|
||||
</view>
|
||||
</view>
|
||||
<view class="text-base leading-normal h-normal"
|
||||
:class="current && i._id === current._id ? 'text-white' : 'text-gray'">
|
||||
{{ i.sex }} {{ i.age > 0 ? i.age + '岁' : '' }}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@ -46,26 +42,24 @@
|
||||
授权
|
||||
</view>
|
||||
</view>
|
||||
<view v-if="current" class="flex mt-15">
|
||||
<view class="info-card-new flex-grow mr-10" @click="fillBaseInfo()">
|
||||
<view class="info-bg info-bg-base"></view>
|
||||
<view class="info-content">
|
||||
<view class="flex items-center justify-between mb-8">
|
||||
<view class="info-title">个人基本信息</view>
|
||||
<image class="arrow-icon-small" src="/static/home/右箭头-蓝色.png" mode="aspectFit"></image>
|
||||
<view v-if="current" class="flex mt-10">
|
||||
<view class="flex-grow p-10 rounded bg-gray mr-10" @click="fillBaseInfo()">
|
||||
<view class="flex items-center justify-between mb-5">
|
||||
<view class="text-lg">个人基本信息</view>
|
||||
<uni-icons color="#999" type="arrowright"></uni-icons>
|
||||
</view>
|
||||
<view class="info-subtitle">完善个人信息</view>
|
||||
<!-- <view v-if="formError.base" class="text-sm text-danger">
|
||||
请完善您的个人信息 v-else
|
||||
</view> -->
|
||||
<view class="text-base text-gray">基础信息填写</view>
|
||||
</view>
|
||||
<!-- v-if="healthTempList && healthTempList.length" -->
|
||||
<view class="flex-grow p-10 rounded bg-gray" @click="toHealthList()">
|
||||
<view class="flex items-center justify-between mb-5">
|
||||
<view class="text-lg">个人健康信息</view>
|
||||
<uni-icons color="#999" type="arrowright"></uni-icons>
|
||||
</view>
|
||||
<view class="info-card-new flex-grow" @click="toHealthList()">
|
||||
<view class="info-bg info-bg-health"></view>
|
||||
<view class="info-content">
|
||||
<view class="flex items-center justify-between mb-8">
|
||||
<view class="info-title">健康信息</view>
|
||||
<image class="arrow-icon-small" src="/static/home/右箭头-蓝色.png" mode="aspectFit"></image>
|
||||
</view>
|
||||
<view class="info-subtitle">上传健康档案</view>
|
||||
</view>
|
||||
<view class="text-base text-gray">健康信息列表</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@ -170,147 +164,6 @@ watch(() => props.corpId, n => {
|
||||
|
||||
</script>
|
||||
<style scoped>
|
||||
.archive-container {
|
||||
padding: 24rpx 30rpx;
|
||||
margin: 0 30rpx;
|
||||
background: linear-gradient(to bottom, #C2DCFF 0%, #C2DCFF 40%, #FFFFFF 100%);
|
||||
border-radius: 32rpx;
|
||||
box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
|
||||
.manage-icon {
|
||||
width: 32rpx;
|
||||
height: 32rpx;
|
||||
}
|
||||
|
||||
.customer-card {
|
||||
background: linear-gradient(180deg, #FFFFFF 0%, #F2F6FF 100%);
|
||||
border-radius: 16rpx;
|
||||
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.06);
|
||||
transition: all 0.3s;
|
||||
min-width: 180rpx;
|
||||
position: relative;
|
||||
border: 2rpx solid transparent;
|
||||
margin-bottom: 18rpx;
|
||||
}
|
||||
|
||||
.current-customer {
|
||||
background: #FFFFFF;
|
||||
border: 2rpx solid #5B9CFF;
|
||||
box-shadow: 0 4rpx 12rpx rgba(91, 156, 255, 0.25);
|
||||
}
|
||||
|
||||
.current-customer::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
bottom: -14rpx;
|
||||
transform: translateX(-50%);
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-left: 14rpx solid transparent;
|
||||
border-right: 14rpx solid transparent;
|
||||
border-top: 14rpx solid #5B9CFF;
|
||||
}
|
||||
|
||||
.current-customer::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
bottom: -12rpx;
|
||||
transform: translateX(-50%);
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-left: 12rpx solid transparent;
|
||||
border-right: 12rpx solid transparent;
|
||||
border-top: 12rpx solid #FFFFFF;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.customer-name {
|
||||
margin-top: 12rpx;
|
||||
}
|
||||
|
||||
.customer-age {
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.mr-15 {
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
|
||||
.mt-15 {
|
||||
margin-top: 24rpx;
|
||||
}
|
||||
|
||||
.mb-8 {
|
||||
margin-bottom: 12rpx;
|
||||
}
|
||||
|
||||
.sex-icon {
|
||||
width: 32rpx;
|
||||
height: 32rpx;
|
||||
}
|
||||
|
||||
.info-card-new {
|
||||
position: relative;
|
||||
padding: 24rpx;
|
||||
border-radius: 12rpx;
|
||||
background: linear-gradient(135deg, #F0F7FF 0%, #FFFFFF 100%);
|
||||
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.06);
|
||||
overflow: hidden;
|
||||
height: 140rpx;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.info-bg {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-repeat: no-repeat;
|
||||
background-position: right bottom;
|
||||
background-size: cover;
|
||||
opacity: 0.95;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.info-content {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.info-bg-base {
|
||||
background-image: url('/static/home/个人基本信息bg.svg');
|
||||
}
|
||||
|
||||
.info-bg-health {
|
||||
background-image: url('/static/home/健康信息bg.svg');
|
||||
}
|
||||
|
||||
|
||||
.info-title {
|
||||
color: #213E80;
|
||||
font-size: 32rpx;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.info-subtitle {
|
||||
color: #78808F;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.arrow-icon-small {
|
||||
width: 24rpx;
|
||||
height: 24rpx;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.font-medium {
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.h-80 {
|
||||
height: 160rpx;
|
||||
}
|
||||
@ -323,7 +176,15 @@ watch(() => props.corpId, n => {
|
||||
min-width: 200rpx;
|
||||
}
|
||||
|
||||
.rounded-lg {
|
||||
border-radius: 16rpx;
|
||||
.current-customer::after {
|
||||
bottom: -1px;
|
||||
left: calc(50% - 10px);
|
||||
border: 10px solid transparent;
|
||||
content: " ";
|
||||
height: 0;
|
||||
width: 0;
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
border-bottom-color: white;
|
||||
}
|
||||
</style>
|
||||
@ -1,8 +1,9 @@
|
||||
<template>
|
||||
<page-loading v-if="loading" />
|
||||
<full-page v-else-if="teams.length && team" class="home-container" :pageStyle="pageStyle">
|
||||
<full-page v-else-if="teams.length && team">
|
||||
<template #header>
|
||||
<team-head :team="team" :teams="teams" @changeTeam="changeTeam" />
|
||||
<view class="pb-10"></view>
|
||||
</template>
|
||||
<customer-archive :corpId="corpId" :team="team" @update:customers="handleCustomersUpdate" />
|
||||
<consult :corpId="corpId" :teamId="team.teamId" :customers="customers" />
|
||||
@ -38,8 +39,6 @@ const customers = ref([]);
|
||||
|
||||
const corpId = computed(() => team.value?.corpId);
|
||||
|
||||
const pageStyle = 'background: linear-gradient(to bottom, #065BD6 0%, #F6FAFA 400rpx);';
|
||||
|
||||
function handleCustomersUpdate(newCustomers) {
|
||||
customers.value = newCustomers;
|
||||
}
|
||||
@ -81,8 +80,3 @@ useShow(() => {
|
||||
})
|
||||
|
||||
</script>
|
||||
<style scoped>
|
||||
.home-container {
|
||||
min-height: 100vh;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -1,16 +1,17 @@
|
||||
<template>
|
||||
<view>
|
||||
<view :style="{ height: statusBarHeight }" class="status-bar"></view>
|
||||
<view class="relative z-3 flex items-center px-15 py-12 header-bar">
|
||||
<view :style="{ height: statusBarHeight }" class="bg-primary"></view>
|
||||
<view class="relative z-3 flex items-center px-15 py-12 bg-primary">
|
||||
<view class="flex-shrink-0 mr-5">
|
||||
<group-avatar :size="120" :avatarList="currentTeam ? currentTeam.avatarList : []" />
|
||||
</view>
|
||||
<view class="w-0 flex-grow ">
|
||||
<view class="flex items-center mb-10">
|
||||
<view class="flex-shrink-0 text-lg font-semibold text-white">{{ team.name }}</view>
|
||||
<view v-if="teams.length > 1" class="flex-shrink-0 flex items-center switch-btn ml-10"
|
||||
<view class="flex mb-10">
|
||||
<view class="w-0 flex-grow truncate text-lg font-semibold text-white">{{ team.name }}</view>
|
||||
<view v-if="teams.length > 1" class="flex-shinrk-0 flex items-center px-10 bg-white rounded-sm"
|
||||
@click="showDropDown = true">
|
||||
<image class="switch-icon" src="/static/home/切换团队.png" mode="aspectFit"></image>
|
||||
<view class="text-base">切换</view>
|
||||
<uni-icons type="down" size="12"></uni-icons>
|
||||
</view>
|
||||
</view>
|
||||
<view v-if="currentTeam" class="text-base text-white truncate">{{ currentTeam.corpName }}</view>
|
||||
@ -42,11 +43,9 @@
|
||||
</scroll-view>
|
||||
</view>
|
||||
</view>
|
||||
<view v-if="team.teamTroduce" class="team-introduce-wrapper">
|
||||
<view class="team-introduce flex items-center">
|
||||
<image class="laba-icon flex-shrink-0 mr-8" src="/static/home/喇叭介绍.png" mode="aspectFit"></image>
|
||||
<view class="flex-grow text-base text-dark leading-relaxed line-clamp-2">{{ team.teamTroduce }}</view>
|
||||
</view>
|
||||
<view v-if="team.teamTroduce" class="px-15 py-12 flex bg-white border-b shadow-lg">
|
||||
<image class="laba-icon flex-shrink-0 mr-5" src="/static/laba.svg"></image>
|
||||
<view class="w-0 flex-grow text-sm text-gray leading-normal line-clamp-2">{{ team.teamTroduce }} </view>
|
||||
</view>
|
||||
</view>
|
||||
<view v-if="showDropDown" class="mask" @click="showDropDown = false"></view>
|
||||
@ -94,72 +93,9 @@ onMounted(() => {
|
||||
})
|
||||
</script>
|
||||
<style scoped>
|
||||
.status-bar {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.header-bar {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.laba-icon {
|
||||
width: 48rpx;
|
||||
height: 48rpx;
|
||||
}
|
||||
|
||||
.switch-icon {
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
}
|
||||
|
||||
.switch-btn {
|
||||
padding: 4rpx;
|
||||
}
|
||||
|
||||
.ml-10 {
|
||||
margin-left: 12rpx;
|
||||
}
|
||||
|
||||
.team-introduce-wrapper {
|
||||
padding: 0 30rpx;
|
||||
margin-top: 20rpx;
|
||||
margin-bottom: 30rpx;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.team-introduce {
|
||||
background: linear-gradient(135deg, #C2DCFF 0%, #E6F2FF 100%);
|
||||
border-radius: 16rpx;
|
||||
padding: 20rpx 24rpx;
|
||||
position: relative;
|
||||
border: 2rpx solid rgba(255, 255, 255, 0.9);
|
||||
box-shadow: 0 2rpx 8rpx rgba(6, 91, 214, 0.08);
|
||||
}
|
||||
|
||||
.team-introduce::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 30rpx;
|
||||
top: -14rpx;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-left: 14rpx solid transparent;
|
||||
border-right: 14rpx solid transparent;
|
||||
border-bottom: 14rpx solid #C2DCFF;
|
||||
filter: drop-shadow(0 -2rpx 0 rgba(255, 255, 255, 0.9));
|
||||
}
|
||||
|
||||
.line-clamp-2 {
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 2;
|
||||
line-clamp: 2;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.leading-relaxed {
|
||||
line-height: 1.6;
|
||||
width: 36rpx;
|
||||
height: 36rpx;
|
||||
}
|
||||
|
||||
.check-icon {
|
||||
|
||||
@ -1,29 +1,26 @@
|
||||
<template>
|
||||
<view class="team-mate-container">
|
||||
<view class="flex items-center justify-between">
|
||||
<view class="mt-12 px-15 flex items-center justify-between">
|
||||
<view class="text-lg font-semibold text-dark">团队成员</view>
|
||||
<view class="flex items-center" @click="toTeamDetail()">
|
||||
<view class="mr-5 text-base text-gray">团队详情</view>
|
||||
<image class="arrow-icon" src="/static/home/右箭头-灰色.png" mode="aspectFit"></image>
|
||||
<uni-icons type="right" color="#999"></uni-icons>
|
||||
</view>
|
||||
</view>
|
||||
<view class="mt-10">
|
||||
<view class="px-15 mt-10">
|
||||
<scroll-view scroll-x="true">
|
||||
<view class="flex flex-nowrap pb-5">
|
||||
<view class="flex flex-nowrap pb-5 border-b">
|
||||
<view v-for="i in teamates" :key="i.userid"
|
||||
class="member-card flex flex-shrink-0 min-w-120 mr-15 p-15"
|
||||
class="flex flex-shrink-0 min-w-120 p-10 mr-10 rounded-sm border-auto text-primary bg-white"
|
||||
@click="toHomePage(i)">
|
||||
<image class="flex-shrink-0 avatar mr-10" :src="i.avatar || '/static/default-avatar.png'" />
|
||||
<view class="flex-grow flex flex-col justify-between">
|
||||
<view>
|
||||
<view class="leading-normal h-24 text-base font-semibold text-dark whitespace-nowrap">
|
||||
<image class="flex-shrink-0 avatar mr-5" :src="i.avatar || '/static/default-avatar.png'" />
|
||||
<view class="flex-grow flex flex-col">
|
||||
<view class="leading-normal h-24 text-lg font-semibold text-dark whitespace-nowrap">
|
||||
{{ i.anotherName }}
|
||||
</view>
|
||||
<view class="max-w-100 h-21 leading-normal text-sm text-gray truncate">
|
||||
<view class="max-w-100 h-21 leading-normal text-base text-gray truncate">
|
||||
{{ memberJob[i.userid] }}
|
||||
</view>
|
||||
</view>
|
||||
<view v-if="i.canAddFriend" class="add-friend-btn text-sm leading-none text-center text-primary"
|
||||
<view v-if="i.canAddFriend" class="w-80 text-base leading-none border text-center text-dark rounded-full"
|
||||
@click.stop="toQrcode(i)">
|
||||
添加好友
|
||||
</view>
|
||||
@ -32,7 +29,6 @@
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
<script setup>
|
||||
import { computed, watch } from 'vue'
|
||||
@ -71,62 +67,28 @@ watch(teamates, val => {
|
||||
|
||||
</script>
|
||||
<style scoped>
|
||||
.team-mate-container {
|
||||
margin: 0 30rpx;
|
||||
margin-top: 24rpx;
|
||||
}
|
||||
|
||||
.arrow-icon {
|
||||
width: 32rpx;
|
||||
height: 32rpx;
|
||||
}
|
||||
|
||||
.member-card {
|
||||
background: white;
|
||||
border-radius: 16rpx;
|
||||
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.06);
|
||||
transition: all 0.3s;
|
||||
}
|
||||
|
||||
.member-card:active {
|
||||
transform: translateY(-2rpx);
|
||||
box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.avatar {
|
||||
width: 120rpx;
|
||||
height: 128rpx;
|
||||
border-radius: 12rpx;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.add-friend-btn {
|
||||
width: 144rpx;
|
||||
padding: 10rpx 0;
|
||||
background: #EAF2FF;
|
||||
color: #2F6BFF;
|
||||
border-radius: 12rpx;
|
||||
margin-top: 10rpx;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.h-24 {
|
||||
min-height: 48rpx;
|
||||
height: 48rpx;
|
||||
}
|
||||
|
||||
.h-21 {
|
||||
min-height: 42rpx;
|
||||
height: 42rpx;
|
||||
}
|
||||
|
||||
.min-w-120 {
|
||||
min-width: 260rpx;
|
||||
min-width: 240rpx;
|
||||
}
|
||||
|
||||
.max-w-100 {
|
||||
max-width: 200rpx;
|
||||
}
|
||||
|
||||
.mr-15 {
|
||||
margin-right: 24rpx;
|
||||
.w-80 {
|
||||
width: 160rpx;
|
||||
}
|
||||
</style>
|
||||
@ -1,81 +0,0 @@
|
||||
<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 155 72" class="design-iconfont">
|
||||
<g clip-path="url(#uzvb9kyd7__clip0_256_1041)">
|
||||
<rect width="155" height="72" rx="8" fill="url(#uzvb9kyd7__paint0_linear_256_1041)"/>
|
||||
<path transform="rotate(-45 -62 31.4264)" fill="url(#uzvb9kyd7__paint1_linear_256_1041)" fill-opacity=".06" d="M-62 31.4264H-2V111.4264H-62z"/>
|
||||
<path transform="rotate(-45 -50 3.42639)" fill="url(#uzvb9kyd7__paint2_linear_256_1041)" fill-opacity=".06" d="M-50 3.42639H10V83.42639H-50z"/>
|
||||
<g filter="url(#uzvb9kyd7__filter0_f_256_1041)">
|
||||
<path fill="#D0B783" fill-opacity=".1" d="M147 44A45 45 0 1 0 147 134A45 45 0 1 0 147 44Z"/>
|
||||
</g>
|
||||
<rect x="92" y="62" width="32" height="24" rx="6" transform="rotate(-30 92 62)" fill="url(#uzvb9kyd7__paint3_linear_256_1041)" fill-opacity=".7"/>
|
||||
<rect x="101" y="50.6808" width="40" height="32" rx="6" transform="rotate(-20 101 50.6808)" fill="url(#uzvb9kyd7__paint4_linear_256_1041)"/>
|
||||
<path d="M115 43C115 39.6863 117.686 37 121 37H149C152.314 37 155 39.6863 155 43V73H115V43Z" fill="url(#uzvb9kyd7__paint5_linear_256_1041)"/>
|
||||
<g filter="url(#uzvb9kyd7__filter1_d_256_1041)">
|
||||
<rect x="123" y="44" width="24" height="4" rx="2" fill="url(#uzvb9kyd7__paint6_linear_256_1041)" shape-rendering="crispEdges"/>
|
||||
</g>
|
||||
<g filter="url(#uzvb9kyd7__filter2_d_256_1041)">
|
||||
<path d="M136 52C137.105 52 138 52.8954 138 54V59H143C144.105 59 145 59.8954 145 61C145 62.1046 144.105 63 143 63H138V68C138 69.1046 137.105 70 136 70C134.895 70 134 69.1046 134 68V63H129C127.895 63 127 62.1046 127 61C127 59.8954 127.895 59 129 59H134V54C134 52.8954 134.895 52 136 52Z" fill="url(#uzvb9kyd7__paint7_linear_256_1041)" shape-rendering="crispEdges"/>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<linearGradient id="uzvb9kyd7__paint0_linear_256_1041" x1="25.5294" y1="8" x2="82.8964" y2="66.7287" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#F4F9FF"/>
|
||||
<stop offset="1" stop-color="#DBEAFF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="uzvb9kyd7__paint1_linear_256_1041" x1="-61.3449" y1="67.5409" x2="-16.3935" y2="44.3755" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#79B2F3" stop-opacity="0"/>
|
||||
<stop offset="1" stop-color="#3063C7"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="uzvb9kyd7__paint2_linear_256_1041" x1="-49.3449" y1="39.5409" x2="-4.39355" y2="16.3755" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#79B2F3" stop-opacity="0"/>
|
||||
<stop offset="1" stop-color="#3063C7"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="uzvb9kyd7__paint3_linear_256_1041" x1="108" y1="62" x2="108" y2="86" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#AAF5FA"/>
|
||||
<stop offset="1" stop-color="#3D9CCC" stop-opacity=".28"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="uzvb9kyd7__paint4_linear_256_1041" x1="115.841" y1="53.7618" x2="115.417" y2="87.4082" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#4BCFB5"/>
|
||||
<stop offset="1" stop-color="#3987CC"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="uzvb9kyd7__paint5_linear_256_1041" x1="115" y1="33.4" x2="168.238" y2="60.2917" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#79B8F3"/>
|
||||
<stop offset="1" stop-color="#3063C7"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="uzvb9kyd7__paint6_linear_256_1041" x1="123" y1="46" x2="147" y2="46" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#fff" stop-opacity=".7"/>
|
||||
<stop offset="1" stop-color="#fff" stop-opacity=".6"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="uzvb9kyd7__paint7_linear_256_1041" x1="125" y1="52" x2="137" y2="76" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#fff"/>
|
||||
<stop offset="1" stop-color="#fff" stop-opacity=".3"/>
|
||||
</linearGradient>
|
||||
<filter id="uzvb9kyd7__filter0_f_256_1041" x="82" y="24" width="130" height="130" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
||||
<feGaussianBlur stdDeviation="10" result="effect1_foregroundBlur_256_1041"/>
|
||||
</filter>
|
||||
<filter id="uzvb9kyd7__filter1_d_256_1041" x="119" y="42" width="32" height="12" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dy="2"/>
|
||||
<feGaussianBlur stdDeviation="2"/>
|
||||
<feComposite in2="hardAlpha" operator="out"/>
|
||||
<feColorMatrix values="0 0 0 0 0.103529 0 0 0 0 0.241569 0 0 0 0 0.517647 0 0 0 0.2 0"/>
|
||||
<feBlend in2="BackgroundImageFix" result="effect1_dropShadow_256_1041"/>
|
||||
<feBlend in="SourceGraphic" in2="effect1_dropShadow_256_1041" result="shape"/>
|
||||
</filter>
|
||||
<filter id="uzvb9kyd7__filter2_d_256_1041" x="123" y="50" width="26" height="26" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dy="2"/>
|
||||
<feGaussianBlur stdDeviation="2"/>
|
||||
<feComposite in2="hardAlpha" operator="out"/>
|
||||
<feColorMatrix values="0 0 0 0 0.103529 0 0 0 0 0.241569 0 0 0 0 0.517647 0 0 0 0.2 0"/>
|
||||
<feBlend in2="BackgroundImageFix" result="effect1_dropShadow_256_1041"/>
|
||||
<feBlend in="SourceGraphic" in2="effect1_dropShadow_256_1041" result="shape"/>
|
||||
</filter>
|
||||
<clipPath id="uzvb9kyd7__clip0_256_1041">
|
||||
<rect width="155" height="72" rx="8" fill="#fff"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 5.6 KiB |
@ -1,76 +0,0 @@
|
||||
<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 155 72" class="design-iconfont">
|
||||
<g clip-path="url(#ntcrfa3do__clip0_256_3589)">
|
||||
<rect width="155" height="72" rx="8" fill="url(#ntcrfa3do__paint0_linear_256_3589)"/>
|
||||
<path transform="rotate(-45 -62 31.4264)" fill="url(#ntcrfa3do__paint1_linear_256_3589)" fill-opacity=".06" d="M-62 31.4264H-2V111.4264H-62z"/>
|
||||
<path transform="rotate(-45 -50 3.42639)" fill="url(#ntcrfa3do__paint2_linear_256_3589)" fill-opacity=".06" d="M-50 3.42639H10V83.42639H-50z"/>
|
||||
<g filter="url(#ntcrfa3do__filter0_f_256_3589)">
|
||||
<path fill="#D0B783" fill-opacity=".1" d="M147 44A45 45 0 1 0 147 134A45 45 0 1 0 147 44Z"/>
|
||||
</g>
|
||||
<g filter="url(#ntcrfa3do__filter1_f_256_3589)">
|
||||
<path fill="url(#ntcrfa3do__paint3_linear_256_3589)" fill-opacity=".1" d="M157 7A45 45 0 1 0 157 97A45 45 0 1 0 157 7Z"/>
|
||||
</g>
|
||||
<path d="M92 61C92 56.5817 95.5817 53 100 53H112V77H92V61Z" fill="url(#ntcrfa3do__paint4_linear_256_3589)" fill-opacity=".7"/>
|
||||
<path d="M112 47.6667C112 46.1939 113.194 45 114.667 45H155V74.3333C155 75.8061 153.806 77 152.333 77H114.667C113.194 77 112 75.8061 112 74.3333V47.6667Z" fill="url(#ntcrfa3do__paint5_linear_256_3589)"/>
|
||||
<path d="M135 35C139.418 35 143 38.5817 143 43V75H135V74C135 72.8954 134.105 72 133 72H131C129.895 72 129 72.8954 129 74V75H121V74C121 72.8954 120.105 72 119 72H117C115.895 72 115 72.8954 115 74V75H107V43C107 38.5817 110.582 35 115 35H135ZM117 59C115.895 59 115 59.8954 115 61V65C115 66.1046 115.895 67 117 67H119C120.105 67 121 66.1046 121 65V61C121 59.8954 120.105 59 119 59H117ZM131 59C129.895 59 129 59.8954 129 61V65C129 66.1046 129.895 67 131 67H133C134.105 67 135 66.1046 135 65V61C135 59.8954 134.105 59 133 59H131Z" fill="url(#ntcrfa3do__paint6_linear_256_3589)"/>
|
||||
<g filter="url(#ntcrfa3do__filter2_d_256_3589)">
|
||||
<path d="M125 41C126.105 41 127 41.8954 127 43V47H131C132.105 47 133 47.8954 133 49C133 50.1046 132.105 51 131 51H127V55C127 56.1046 126.105 57 125 57C123.895 57 123 56.1046 123 55V51H119C117.895 51 117 50.1046 117 49C117 47.8954 117.895 47 119 47H123V43C123 41.8954 123.895 41 125 41Z" fill="url(#ntcrfa3do__paint7_linear_256_3589)" shape-rendering="crispEdges"/>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<linearGradient id="ntcrfa3do__paint0_linear_256_3589" x1="25.5294" y1="8" x2="82.8964" y2="66.7287" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#F4F9FF"/>
|
||||
<stop offset="1" stop-color="#DBEAFF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="ntcrfa3do__paint1_linear_256_3589" x1="-61.3449" y1="67.5409" x2="-16.3935" y2="44.3755" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#79B2F3" stop-opacity="0"/>
|
||||
<stop offset="1" stop-color="#3063C7"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="ntcrfa3do__paint2_linear_256_3589" x1="-49.3449" y1="39.5409" x2="-4.39355" y2="16.3755" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#79B2F3" stop-opacity="0"/>
|
||||
<stop offset="1" stop-color="#3063C7"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="ntcrfa3do__paint3_linear_256_3589" x1="157" y1="7" x2="157" y2="97" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#D0B783"/>
|
||||
<stop offset="1" stop-color="#EAD2A4"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="ntcrfa3do__paint4_linear_256_3589" x1="102" y1="53" x2="102" y2="77" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#AAF5FA"/>
|
||||
<stop offset="1" stop-color="#3D9CCC" stop-opacity=".28"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="ntcrfa3do__paint5_linear_256_3589" x1="134" y1="45" x2="155" y2="77" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#4BCFB5"/>
|
||||
<stop offset="1" stop-color="#3987CC"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="ntcrfa3do__paint6_linear_256_3589" x1="107" y1="31" x2="158.516" y2="52.0775" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#79B8F3"/>
|
||||
<stop offset="1" stop-color="#3063C7"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="ntcrfa3do__paint7_linear_256_3589" x1="115.222" y1="41" x2="125.889" y2="62.3333" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#fff"/>
|
||||
<stop offset="1" stop-color="#fff" stop-opacity=".3"/>
|
||||
</linearGradient>
|
||||
<filter id="ntcrfa3do__filter0_f_256_3589" x="82" y="24" width="130" height="130" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
||||
<feGaussianBlur stdDeviation="10" result="effect1_foregroundBlur_256_3589"/>
|
||||
</filter>
|
||||
<filter id="ntcrfa3do__filter1_f_256_3589" x="92" y="-13" width="130" height="130" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
||||
<feGaussianBlur stdDeviation="10" result="effect1_foregroundBlur_256_3589"/>
|
||||
</filter>
|
||||
<filter id="ntcrfa3do__filter2_d_256_3589" x="113" y="39" width="24" height="24" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dy="2"/>
|
||||
<feGaussianBlur stdDeviation="2"/>
|
||||
<feComposite in2="hardAlpha" operator="out"/>
|
||||
<feColorMatrix values="0 0 0 0 0.103529 0 0 0 0 0.241569 0 0 0 0 0.517647 0 0 0 0.2 0"/>
|
||||
<feBlend in2="BackgroundImageFix" result="effect1_dropShadow_256_3589"/>
|
||||
<feBlend in="SourceGraphic" in2="effect1_dropShadow_256_3589" result="shape"/>
|
||||
</filter>
|
||||
<clipPath id="ntcrfa3do__clip0_256_3589">
|
||||
<rect width="155" height="72" rx="8" fill="#fff"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 5.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 74 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 483 B |
Binary file not shown.
|
Before Width: | Height: | Size: 498 B |
Binary file not shown.
|
Before Width: | Height: | Size: 5.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 947 B |
Binary file not shown.
|
Before Width: | Height: | Size: 8.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 7.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 9.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 7.9 KiB |
Loading…
x
Reference in New Issue
Block a user