webmatherfacker/moonshine-carousel

v1.0 2024-06-15 11:34 UTC

This package is auto-updated.

Last update: 2024-09-15 12:05:43 UTC


README

Software License

Laravel PHP

Moonshine Slider是一个用于显示MoonShine(https://moonshine-laravel.com/)管理面板元素的滑块组件。

内容

安装

安装团队

composer require webmatherfacker/moonshine-carousel

使用

<?php
//...
use Webmatherfacker\MoonshineCarousel\Components\Slider;
//...
 Slider::make()->addItems([
                    ValueMetric::make('Articles')
                        ->value(100),
                    ValueMetric::make('Orders')
                        ->value(150),
                    ValueMetric::make('Products')
                        ->value(250),
                    ValueMetric::make('Users')
                        ->value(350),
                    ValueMetric::make('Sales')
                        ->value(500),
                    ValueMetric::make('Countries')
                        ->value(195)
                ]),

方法列表

itemPerRow($count) 每页显示的元素数量。默认为 3

使用

Slider::make()->addItems(...)->itemPerRow(3),

editItemWidth($percent) 每个轮播项的宽度。默认为 20

⚠️ 警告
每个元素之间的间隔将自动计算。例如:如果您的itemPerRow等于4,而ItemWidth等于24,则每个元素之间的间隔将为(100-24 * 4)/ 3。请确保您的间隔不是负数!

使用

Slider::make()->addItems(...)->editItemWidth(20),

loop 允许启用轮播器的循环,以便滚动重复开始。默认为 false

使用

Slider::make()->addItems(...)->loop(),

nav 允许启用控制按钮。默认为 false

使用

Slider::make()->addItems(...)->nav(),

许可证

MIT许可证.