add entrance transition

This commit is contained in:
Timi
2026-08-24 16:16:43 +08:00
parent 2efce6de11
commit 05aad89706
54 changed files with 874 additions and 694 deletions
+14 -15
View File
@@ -57,20 +57,20 @@
</template>
</t-cell>
</t-cell-group>
<t-cell-group title="当前角色结构" theme="card">
<t-cell
v-can="{ value: [corePermissionCodes.role.read, corePermissionCodes.permission.read], mode: 'and' }"
v-for="item in visibleRoleTree"
:key="item.id"
:arrow="canAssignRole(item)"
:hover="canAssignRole(item)"
@click="canAssignRole(item) && toAssign(item.id)"
>
<template #title>
<div class="title" v-text="item.name" :style="{ paddingLeft: `${item.level * 1.25}rem` }" />
</template>
</t-cell>
</t-cell-group>
<t-cell-group v-entrance-transition title="当前角色结构" theme="card">
<t-cell
v-can="{ value: [corePermissionCodes.role.read, corePermissionCodes.permission.read], mode: 'and' }"
v-for="item in visibleRoleTree"
:key="item.id"
:arrow="canAssignRole(item)"
:hover="canAssignRole(item)"
@click="canAssignRole(item) && toAssign(item.id)"
>
<template #title>
<div class="title" v-text="item.name" :style="{ paddingLeft: `${item.level * 1.25}rem` }" />
</template>
</t-cell>
</t-cell-group>
</div>
</template>
@@ -181,4 +181,3 @@ onMounted(async () => {
}
}
</style>