eseperio/yii2-splide

Spidejs滑块组件的Yii2包装器

维护者

详细信息

github.com/Eseperio/yii2-splide

源代码

问题

安装次数: 23

依赖关系: 0

建议者: 0

安全性: 0

星星: 2

关注者: 2

分支: 0

公开问题: 0

类型:yii2-extension

1.1.0 2021-04-27 08:50 UTC

Requires

  • npm-asset/splidejs--splide: 2.*
  • npm-asset/splidejs--splide-extension-url-hash: ^0
  • npm-asset/splidejs--splide-extension-video: ^0
  • yiisoft/yii2: 2.*

MIT 9545f64eb49cf91a1439e9358aec5cccc81da42b

  • E.Alamo <erosdelalamo.woop@gmail.com>

This package is auto-updated.

Last update: 2024-09-27 16:29:59 UTC

README

这是一个为SplideJs滑块提供的yii2包装器。

许可证

MIT许可证。请参阅许可证

内容

  • 资产
    • 包含主要样式的资产包（SplideCoreAsset）
    • 包含主要样式和默认主题的资产包（SplideAsset）
  • 小部件
    • Splide: 用于渲染Splide滑块的控件
    • SplideThumbnailCarousel: 渲染两个同步滑块，一个用于主滑块，另一个用于缩略图。

安装

使用composer

composer require eseperio/yii2-splide

用法

小部件

有两个控件。前者是一个简单的Splide幻灯片，而后者是两个Splide滑块的组合，用于创建带有缩略图导航的轮播图（见缩略图滑块）

Video and grid not yet supported in current version of the wrapper.

echo Splide::widget([
    'items' => [
                   [
                       'url' => 'http://someurl.com/image.jpg'
                   ],
                   [
                       'url' => ['some/yii2urlformat', 'param1' => 'example']
                   ],
                   [
                       'type'=> Splide::TYPE_HTML,
                       'html'=> 'htmlcodegoeshere',
                   ]
               ],
   
]);

缩略图滑块

echo \eseperio\splide\widgets\SplideThumbnailCarousel::widget([
                    'items' => $items
                ]);

变更日志

选项

可以通过控件属性定义Splide的所有选项

仅控件属性

来自Splidejs的属性