github/basic
1
0
Fork 1
mirror of https://github.com/fantastic-admin/basic.git synced 2026-10-07 02:43:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

FaPageMain group 作用域

Browse Source
This commit is contained in:
Hooray
2025-03-03 23:01:28 +08:00
parent 39b731cf2e
commit fabeb0d3a2
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/ui/components/FaPageMain/index.vue
+2 -2
View File
@@ -45,7 +45,7 @@ function handleCollaspe() {
</slot>
</div>
<div
:class="cn('group relative h-[calc-size(auto,size)] p-5 transition-height after:(pointer-events-none absolute bottom-0 left-0 z-1 h-12 max-h-full w-full from-transparent to-[hsl(var(--card))] bg-gradient-to-b opacity-0 transition-opacity content-empty)', {
:class="cn('group/pagemain relative h-[calc-size(auto,size)] p-5 transition-height after:(pointer-events-none absolute bottom-0 left-0 z-1 h-12 max-h-full w-full from-transparent to-[hsl(var(--card))] bg-gradient-to-b opacity-0 transition-opacity content-empty)', {
'overflow-hidden': collaspe,
'after:(opacity-100)': isCollaspe,
}, props.mainClass)" :style="{
@@ -53,7 +53,7 @@ function handleCollaspe() {
}"
>
<slot />
<FaButton v-if="collaspe" variant="link" size="icon" class="absolute inset-b-0 inset-s-1/2 opacity-0 transition-all -translate-x-1/2 group-hover-opacity-100" :class="{ 'rotate-x-180': !isCollaspe }" @click="handleCollaspe">
<FaButton v-if="collaspe" variant="link" size="icon" class="absolute inset-b-0 inset-s-1/2 opacity-0 transition-all -translate-x-1/2 group-hover/pagemain-opacity-100" :class="{ 'rotate-x-180': !isCollaspe }" @click="handleCollaspe">
<FaIcon name="i-ep:arrow-down" class="text-xl" />
</FaButton>
</div>