webmatherfacker / moonshine-carousel
v1.0
2024-06-15 11:34 UTC
Conflicts
- moonshine/moonshine: <2.0
This package is auto-updated.
Last update: 2024-09-15 12:05:43 UTC
README
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(),