diff --git a/src/pages/customer/CustomerInviteeList.vue b/src/pages/customer/CustomerInviteeList.vue
index 8175bc6..f263237 100644
--- a/src/pages/customer/CustomerInviteeList.vue
+++ b/src/pages/customer/CustomerInviteeList.vue
@@ -4,9 +4,10 @@
 			v-if="customer"
 			class="customer"
 			:customer="customer"
+			v-entrance-transition
 		/>
 		<div class="invite-list">
-			<div class="header">
+			<div class="header" v-entrance-transition="70">
 				<div class="title">邀请客户</div>
 				<div v-can="permissionCodes.customer.update" class="actions">
 					<t-button
@@ -29,6 +30,7 @@
 					v-for="(item, index) in invitees"
 					:key="item.id || item.code || index"
 					class="item"
+					v-entrance-transition="70 + index * 30"
 				>
 					<customer-cell
 						class="cell"
@@ -45,7 +47,7 @@
 						<div v-can="permissionCodes.customer.update" class="remove bg-red white" @click="removeInvitee(item)">删除</div>
 					</template>
 				</t-swipe-cell>
-				<div v-if="!invitees.length" class="empty" v-text="isLoading ? '正在加载邀请客户' : '暂无邀请客户'" />
+				<div v-if="!invitees.length" class="center-tips" v-text="isLoading ? '正在加载邀请客户' : '暂无邀请客户'" />
 			</t-cell-group>
 		</div>
 	</div>
@@ -312,14 +314,6 @@ watch(() => route.params.id, loadCustomer);
 			display: flex;
 			align-items: center;
 		}
-
-		.empty {
-			padding: 1rem;
-			color: #52607a;
-			text-align: center;
-			background: #f7faff;
-			border-radius: 1rem;
-		}
 	}
 }