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

fix: 修复 FixedActionBar 组件阴影样式未生效

Browse Source
This commit is contained in:
Hooray Hu
2024-01-02 00:28:43 +08:00
parent cc9226f19e
commit d908f3ce26
1 changed files with 11 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/FixedActionBar/index.vue
+11 -3
View File
@@ -28,10 +28,18 @@ function onScroll() {
<template>
<div
class="bottom-0 z-4 bg-[var(--g-container-bg)] p-5 text-center transition" :class="[
isBottom ? 'shadow-[0_0_1px_0_var(--g-box-shadow-color)]' : 'shadow-[0_-10px_10px_-10px_var(--g-box-shadow-color)]',
]" data-fixed-calc-width
class="fixed-action-bar bottom-0 z-4 bg-[var(--g-container-bg)] p-5 text-center transition" :class="{ shadow: !isBottom }" data-fixed-calc-width
>
<slot />
</div>
</template>
<style lang="scss" scoped>
.fixed-action-bar {
box-shadow: 0 0 1px 0 var(--g-box-shadow-color);
&.shadow {
box-shadow: 0 -10px 10px -10px var(--g-box-shadow-color);
}
}
</style>