From 454f59d7f6eb1cb6ef75e54bae46a19a10a3ba64 Mon Sep 17 00:00:00 2001
From: Timi <imyeyu6@qq.com>
Date: Mon, 24 Aug 2026 17:57:22 +0800
Subject: [PATCH] fix photo style

---
 src/pages/customer/CustomerDetail.vue | 48 +++++++++++++++------------
 1 file changed, 27 insertions(+), 21 deletions(-)

diff --git a/src/pages/customer/CustomerDetail.vue b/src/pages/customer/CustomerDetail.vue
index 768ee19..1355b37 100644
--- a/src/pages/customer/CustomerDetail.vue
+++ b/src/pages/customer/CustomerDetail.vue
@@ -1,11 +1,15 @@
 <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
 			v-entrance-transition
 			class="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="出生日期">
 				<span
 					v-if="isLunarBirthdate"
@@ -28,28 +32,27 @@
 					<pass-time-label :timestamp="customer.createdAt" underline />
 				</template>
 			</t-cell>
-			<t-cell>
-				<template #title>
-					<photo-scroller
-						:model-value="photoList"
-						:photo-items="photoItemList"
-						:show-viewer-actions="canUpdateCustomer"
-						:show-add="false"
-						:show-remove="false"
-						:submit="submitPhotoItems"
-						title="照片列表"
-					/>
-				</template>
-			</t-cell>
 		</t-cell-group>
+		<card-container v-entrance-transition="140">
+			<photo-scroller
+				class="photo-scroller"
+				:model-value="photoList"
+				:photo-items="photoItemList"
+				:show-viewer-actions="canUpdateCustomer"
+				:show-add="false"
+				:show-remove="false"
+				:submit="submitPhotoItems"
+				title="照片列表"
+			/>
+		</card-container>
 		<customer-tag-card
-			v-if="customer && canReadTag"
+			v-if="canReadTag"
 			:editable="canApplyTag"
 			:tag-list="customerTagList"
-			v-entrance-transition="140"
+			v-entrance-transition="210"
 			@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">
 				<template #left-icon>
 					<t-icon name="chart" />
@@ -71,15 +74,14 @@
 			v-if="inviter"
 			:title="`由 ${inviter.name} 邀请`"
 			theme="card"
-			v-entrance-transition="280"
+			v-entrance-transition="350"
 		>
 			<customer-profile-card :customer="inviter" @click="toCustomerDetail(inviter)"/>
 		</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-group>
 		<t-button
-			v-if="customer"
 			v-can="permissionCodes.customer.delete"
 			class="delete-action"
 			theme="danger"
@@ -516,6 +518,10 @@ onUnmounted(() => navBarStore.clearRight());
 		}
 	}
 
+	:deep(.photo-scroller) {
+		padding: 1rem;
+	}
+
 	.delete-action {
 		--td-button-border-radius: 1rem;