add entrance transition

src/pages/event/EventRecordDetail.vue

@@ -1,12 +1,13 @@
 <template>
 	<div v-can="permissionCodes.eventRecord.read" class="registration-record-detail">
 		<customer-profile-card
+			v-entrance-transition
 			v-if="record?.customer"
 			class="customer-profile"
 			:customer="record.customer"
 			@click="toCustomerDetail"
 		/>
-		<t-cell-group v-if="record" title="登记信息" theme="card">
+		<t-cell-group v-entrance-transition="70" v-if="record" title="登记信息" theme="card">
 			<t-cell title="登记事件" :note="record.event?.name || '未知事件'" />
 			<t-cell v-if="record.numberValue !== undefined && record.numberValue !== null" title="事件数值" :note="getNumberValueText(record)" />
 			<t-cell v-if="record.pointValue !== undefined && record.pointValue !== null" title="提交积分值" :note="getPointValueText(record.pointValue)" />
@@ -16,15 +17,16 @@
 			<t-cell title="客户编码" :note="Text.display(record.customer?.code)" />
 			<t-cell title="备注" :note="Text.display(record.remark)" />
 		</t-cell-group>
-		<section v-if="record" class="photo-panel">
-			<photo-scroller
-				:model-value="recordPhotoList"
-				:photo-items="recordPhotoItemList"
-				:show-add="false"
-				:show-remove="false"
-				title="登记照片"
-			/>
-		</section>
+		<photo-scroller
+			v-entrance-transition="140"
+			v-if="record"
+			class="photo-panel"
+			:model-value="recordPhotoList"
+			:photo-items="recordPhotoItemList"
+			:show-add="false"
+			:show-remove="false"
+			title="登记照片"
+		/>
 		<t-empty v-else :description="isLoading ? '正在加载登记事件记录' : '登记事件记录不存在'" />
 	</div>
 </template>
@@ -141,8 +143,9 @@ onUnmounted(() => {
 	}
 
 	.photo-panel {
-		padding: 1rem;
+		width: calc(100% - 2rem);
 		margin: 0 1rem;
+		padding: 1rem;
 		background: rgba(255, 255, 255, .92);
 		box-shadow: var(--td-shadow-1);
 		border-radius: 1.4rem;