awcodes/filament-sticky-header

一个 Filament Admin 插件,在滚动时使头部固定。

v2.0.5 2023-12-16 14:37 UTC

README

警告 不支持 Safari < v16。

一个 Filament Admin 插件,在滚动时使页面头部固定。

sticky-header-og

安装

通过 composer 安装包

composer require awcodes/filament-sticky-header

使用方法

只需将插件添加到您的面板提供商,即可使用。

use Awcodes\FilamentStickyHeader\StickyHeaderPlugin;

public function panel(Panel $panel): Panel
{
    return $panel
        ->plugins([
            StickyHeaderPlugin::make(),
        ])
    ])
}

浮动主题

要使用 '浮动主题',在实例化插件时使用 floating() 方法。

使用浮动主题时,您还可以使用 colored() 方法将您的首选背景颜色添加到头部。

use Awcodes\FilamentStickyHeader\StickyHeaderPlugin;

public function panel(Panel $panel): Panel
{
    return $panel
        ->plugins([
            StickyHeaderPlugin::make()
                ->floating()
                ->colored()
        ])
    ]);
}

这两个方法都可以接收一个闭包,该闭包将被评估以确定是否应该应用主题。这允许您有条件地应用主题,例如,基于用户偏好。

use Awcodes\FilamentStickyHeader\StickyHeaderPlugin;

public function panel(Panel $panel): Panel
{
    return $panel
        ->plugins([
            StickyHeaderPlugin::make()
                ->floating(fn():bool => auth()->user()->use_floating_header)
                ->colored(fn():bool => auth()->user()->use_floating_header)
        ])
    ]);
}

变更日志

有关最近更改的更多信息,请参阅 CHANGELOG

贡献

有关详细信息,请参阅 CONTRIBUTING

安全漏洞

有关报告安全漏洞的详细信息,请参阅 我们的安全策略

致谢

许可证

MIT 许可证 (MIT)。有关更多信息,请参阅 许可证文件