add entrance transition

src/pages/store/StoreList.vue

@@ -8,26 +8,27 @@
 			@scrolltolower="fetch"
 		>
 			<t-cell-group theme="card">
-				<t-cell
-					class="item"
-					v-for="item in pageResult.list"
-					:key="item.id"
-					arrow
-					@click="toEdit(item)"
-				>
-					<template #title>
-						<div class="header">
-							<div class="text-bold" v-text="item.name || '未命名门店'"></div>
-							<t-tag size="small" :theme="getStoreStatusTheme(item.status)" variant="outline" :content="getStoreStatusText(item.status)" />
-						</div>
-					</template>
-					<template #description>
-						<div class="description">
-							<span class="gray" v-text="item.telephone ? `电话：${item.telephone}` : '电话：-'" />
-							<span class="gray" v-text="item.address ? `地址：${item.address}` : '地址：-'" />
-						</div>
-					</template>
-				</t-cell>
+					<t-cell
+						v-entrance-transition="index * 30"
+						v-for="(item, index) in pageResult.list"
+						:key="item.id"
+						class="item"
+						arrow
+						@click="toEdit(item)"
+					>
+						<template #title>
+							<div class="header">
+								<div class="text-bold" v-text="item.name || '未命名门店'"></div>
+								<t-tag size="small" :theme="getStoreStatusTheme(item.status)" variant="outline" :content="getStoreStatusText(item.status)" />
+							</div>
+						</template>
+						<template #description>
+							<div class="description">
+								<span class="gray" v-text="item.telephone ? `电话：${item.telephone}` : '电话：-'" />
+								<span class="gray" v-text="item.address ? `地址：${item.address}` : '地址：-'" />
+							</div>
+						</template>
+					</t-cell>
 			</t-cell-group>
 			<div v-if="!pageResult.list.length" class="empty-block" v-text="isLoading ? '正在加载门店' : '暂无门店'" />
 			<div v-if="pageResult.list.length" class="load-state" v-text="isNoMore ? '已加载全部门店' : '上拉加载更多'" />