timi/gao-customer-h5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix photo style

Browse Source
This commit is contained in:
Timi
2026-08-24 17:57:22 +08:00
parent f42e865430
commit 454f59d7f6
1 changed files with 27 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/customer/CustomerDetail.vue
+19 -13
View File
@@ -1,11 +1,15 @@
<template> <template>
<div v-can="permissionCodes.customer.read" class="customer-detail"> <div
v-if="customer"
v-can="permissionCodes.customer.read"
class="customer-detail"
>
<customer-profile-card <customer-profile-card
v-entrance-transition v-entrance-transition
class="customer" class="customer"
:customer="customer" :customer="customer"
/> />
<t-cell-group v-entrance-transition="70" v-if="customer" class="info" theme="card"> <t-cell-group v-entrance-transition="70" class="info" theme="card">
<t-cell title="出生日期"> <t-cell title="出生日期">
<span <span
v-if="isLunarBirthdate" v-if="isLunarBirthdate"
@@ -28,9 +32,10 @@
<pass-time-label :timestamp="customer.createdAt" underline /> <pass-time-label :timestamp="customer.createdAt" underline />
</template> </template>
</t-cell> </t-cell>
<t-cell> </t-cell-group>
<template #title> <card-container v-entrance-transition="140">
<photo-scroller <photo-scroller
class="photo-scroller"
:model-value="photoList" :model-value="photoList"
:photo-items="photoItemList" :photo-items="photoItemList"
:show-viewer-actions="canUpdateCustomer" :show-viewer-actions="canUpdateCustomer"
@@ -39,17 +44,15 @@
:submit="submitPhotoItems" :submit="submitPhotoItems"
title="照片列表" title="照片列表"
/> />
</template> </card-container>
</t-cell>
</t-cell-group>
<customer-tag-card <customer-tag-card
v-if="customer && canReadTag" v-if="canReadTag"
:editable="canApplyTag" :editable="canApplyTag"
:tag-list="customerTagList" :tag-list="customerTagList"
v-entrance-transition="140" v-entrance-transition="210"
@edit="openTagSelector" @edit="openTagSelector"
/> />
<t-cell-group v-if="customer" theme="card" v-entrance-transition="210"> <t-cell-group theme="card" v-entrance-transition="280">
<t-cell v-if="canReadStat" title="客户数据图表" arrow @click="toCustomerDataCharts"> <t-cell v-if="canReadStat" title="客户数据图表" arrow @click="toCustomerDataCharts">
<template #left-icon> <template #left-icon>
<t-icon name="chart" /> <t-icon name="chart" />
@@ -71,15 +74,14 @@
v-if="inviter" v-if="inviter"
:title="`由 ${inviter.name} 邀请`" :title="`由 ${inviter.name} 邀请`"
theme="card" theme="card"
v-entrance-transition="280" v-entrance-transition="350"
> >
<customer-profile-card :customer="inviter" @click="toCustomerDetail(inviter)"/> <customer-profile-card :customer="inviter" @click="toCustomerDetail(inviter)"/>
</t-cell-group> </t-cell-group>
<t-cell-group v-if="customer" theme="card"> <t-cell-group theme="card">
<t-cell title="邀请客户" :note="inviteeCountText" arrow @click="toInviteeList" /> <t-cell title="邀请客户" :note="inviteeCountText" arrow @click="toInviteeList" />
</t-cell-group> </t-cell-group>
<t-button <t-button
v-if="customer"
v-can="permissionCodes.customer.delete" v-can="permissionCodes.customer.delete"
class="delete-action" class="delete-action"
theme="danger" theme="danger"
@@ -516,6 +518,10 @@ onUnmounted(() => navBarStore.clearRight());
} }
} }
:deep(.photo-scroller) {
padding: 1rem;
}
.delete-action { .delete-action {
--td-button-border-radius: 1rem; --td-button-border-radius: 1rem;