add entrance transition

src/pages/point/PointAccountDetail.vue

@@ -1,9 +1,9 @@
 <template>
 	<div v-can="permissionCodes.point.accountRead" class="point-account-detail">
-		<card-container v-if="customer">
+		<card-container v-if="customer" v-entrance-transition>
 			<customer-profile-card :customer="customer" />
 		</card-container>
-		<section v-if="account" class="account-card">
+		<section v-if="account" class="account-card" v-entrance-transition="70">
 			<div class="header">
 				<div>积分卡</div>
 				<div class="time dark-white" v-text="formatTimestamp(account.createdAt!)" />
@@ -14,15 +14,13 @@
 			</div>
 			<div class="id" v-text="account.id?.toUpperCase()" />
 		</section>
-
-		<t-cell-group v-if="account" title="积分统计" theme="card">
+		<t-cell-group v-if="account" title="积分统计" theme="card" v-entrance-transition="140">
 			<t-cell title="累计获得" :note="formatPoints(account.totalEarned)" />
 			<t-cell title="累计消耗" :note="formatPoints(account.totalConsumed)" />
 			<t-cell title="累计撤销" :note="formatPoints(account.totalRevoked)" />
 			<t-cell title="人工调整" :note="formatSignedPoints(account.totalAdjusted)" />
 		</t-cell-group>
-
-		<section v-if="customer" class="actions">
+		<section v-if="customer" class="actions" v-entrance-transition="210">
 			<t-button
 				v-can="permissionCodes.point.ledgerRead"
 				class="bg-white"
@@ -40,7 +38,6 @@
 				人工调整积分
 			</t-button>
 		</section>
-
 		<t-empty v-if="!account" :description="isLoading ? '正在加载积分账户' : '积分账户不存在或已被删除'" />
 	</div>
 </template>