rupadana / filament-swiper
在 Filamentphp 上最现代的移动触摸滑块
3.0.3-beta
2024-03-16 02:00 UTC
Requires
- php: ^8.1
- filament/filament: ^3.0
- illuminate/contracts: ^10.0|^11.0
- spatie/laravel-package-tools: ^1.15.0
Requires (Dev)
- laravel/pint: ^1.0
- nunomaduro/collision: ^7.9
- nunomaduro/larastan: ^2.0.1
- orchestra/testbench: ^8.0
- pestphp/pest: ^2.0
- pestphp/pest-plugin-arch: ^2.0
- pestphp/pest-plugin-laravel: ^2.0
- phpstan/extension-installer: ^1.1
- phpstan/phpstan-deprecation-rules: ^1.0
- phpstan/phpstan-phpunit: ^1.0
This package is auto-updated.
Last update: 2024-09-08 10:41:37 UTC
README
这是一个用于 filament 的 Swiper 组件,使用 SwiperJS。
安装
您可以通过 composer 安装此包
composer require rupadana/filament-swiper
使用方法
可用的 API
public function infolists(Infolists $infolists) { return $infolists ->schema([ \Rupadana\FilamentSwiper\Infolists\Components\SwiperImageEntry::make('attachment') ->navigation(false) ->pagination() ->paginationType(SwiperImageEntry::BULLETS) ->paginationClickable() ->paginationDynamicBullets() ->paginationHideOnClick() ->paginationDynamicMainBullets(2) ->scrollbar() ->scrollbarDragSize(100) ->scrollbarDraggable() ->scrollbarSnapOnRelease() ->scrollbarHide(false) ->height(300) ->autoplay() ->effect(SwiperImageEntry::CARDS_EFFECT) ->cardsPerSlideOffset(2) ->autoplayDelay(500) ->centeredSlides() ->slidesPerView(2) ]) }
小部件
创建一个您想要的类。例如 App\Livewire\Widgets\Swipget
并扩展 Rupadana\FilamentSwiper\Widgets\SwiperWidget
,
<?php namespace App\Livewire\Widgets; use App\Livewire\Components\Feature; use Rupadana\FilamentSwiper\Widgets\SwiperWidget; class Swipget extends SwiperWidget { public function getComponents(): array { return [ // Your livewire component ]; } }
并将其注册到您的 Filament 提供程序中
错误
存在一个错误。我们需要贡献者来修复它。
- 在模态框(信息列表)上使用效果
功能
此项目已实现一个模块。
- 分页
- 导航
- 滚动条
- 自动播放
- 自由模式
- 网格
- 操作
- 视差效果
- 效果 # 仍然存在错误
- 懒加载
- 缩略图
- 缩放
- 键盘控制
- 鼠标滚轮控制
- 虚拟幻灯片
- 哈希导航
- 控制器
- 无障碍访问
变更日志
请参阅 CHANGELOG 了解最近更改的更多信息。
贡献
请参阅 CONTRIBUTING 了解详细信息。
安全漏洞
请审查 我们的安全策略 了解如何报告安全漏洞。
致谢
许可
MIT 许可证 (MIT)。请参阅 许可文件 了解更多信息。