add entrance transition

src/pages/customer/CustomerDetail.vue

@@ -1,10 +1,11 @@
 <template>
 	<div v-can="permissionCodes.customer.read" class="customer-detail">
 		<customer-profile-card
+			v-entrance-transition
 			class="customer"
 			:customer="customer"
 		/>
-		<t-cell-group v-if="customer" class="info" theme="card">
+		<t-cell-group v-entrance-transition="70" v-if="customer" class="info" theme="card">
 			<t-cell title="出生日期">
 				<span
 					v-if="isLunarBirthdate"
@@ -43,9 +44,10 @@
 			v-if="customer && canReadTag"
 			:editable="canApplyTag"
 			:tag-list="customerTagList"
+			v-entrance-transition="140"
 			@edit="openTagSelector"
 		/>
-		<t-cell-group v-if="customer" theme="card">
+		<t-cell-group v-if="customer" theme="card" v-entrance-transition="210">
 			<t-cell v-if="canReadStat" title="客户数据图表" arrow @click="toCustomerDataCharts">
 				<template #left-icon>
 					<t-icon name="chart" />
@@ -63,13 +65,19 @@
 				</template>
 			</t-cell>
 		</t-cell-group>
-		<t-cell-group v-if="inviter" :title="`由 ${inviter.name} 邀请`" theme="card">
+		<t-cell-group
+			v-if="inviter"
+			:title="`由 ${inviter.name} 邀请`"
+			theme="card"
+			v-entrance-transition="280"
+		>
 			<customer-profile-card :customer="inviter" @click="toCustomerDetail(inviter)"/>
 		</t-cell-group>
 		<t-cell-group v-if="customer" 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"