rupadana/filament-swiper

在 Filamentphp 上最现代的移动触摸滑块

3.0.3-beta 2024-03-16 02:00 UTC

README

Latest Version on Packagist Total Downloads

Image

这是一个用于 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)。请参阅 许可文件 了解更多信息。