add entrance transition

2026-08-24 16:16:43 +08:00
parent 2efce6de11
commit 05aad89706
54 changed files with 874 additions and 694 deletions
@@ -18,20 +18,21 @@
 			</t-dropdown-menu>
 		</div>
 		<t-cell-group v-if="activeUser && roleList.length" theme="card">
-			<t-cell
-				v-for="item in roleList"
-				:key="item.id"
-				:title="item.name"
-				:description="item.code"
-			>
-				<template #right-icon>
-					<t-switch
-						v-can="userRoleWriteAccess"
-						:model-value="isRoleChecked(item.id)"
-						@change="value => setRoleChecked(item.id, value === true)"
-					/>
-				</template>
-			</t-cell>
+				<t-cell
+					v-entrance-transition="index * 30"
+					v-for="(item, index) in roleList"
+					:key="item.id"
+					:title="item.name"
+					:description="item.code"
+				>
+					<template #right-icon>
+						<t-switch
+							v-can="userRoleWriteAccess"
+							:model-value="isRoleChecked(item.id)"
+							@change="value => setRoleChecked(item.id, value === true)"
+						/>
+					</template>
+				</t-cell>
 		</t-cell-group>
 		<t-empty v-else-if="!isLoading" description="暂无可授权角色" />
 	</div>