bestyii/yii2-swiper

Swiper滑块组件的Yii2扩展

维护者

详细信息

github.com/bestyii/yii2-swiper

源代码

安装次数: 516

依赖者: 0

建议者: 0

安全性: 0

星标: 0

关注者: 1

分支: 21

6.0.0 2023-01-16 09:56 UTC

Requires

Requires (Dev)

MIT 4d221ece2de7a3a70af836c808a332b5bd1c6e0c

  • ez <ez.woop@bestyii.com>

extensionyiiwidgetslideryii2swiper

This package is auto-updated.

Last update: 2024-09-16 14:27:37 UTC

README

Yii2滑块组件。更多信息请查看：https://github.com/nolimits4web/Swiper/。

示例代码可以在 demos 文件夹中找到。

您还可以阅读 文档。

安装

您可以通过 Composer 来获取此扩展。

在安装之前配置Composer仓库

 "repositories": {
    "0": {
      "type": "composer",
      "url": "https://asset-packagist.org"
    }
  }

在终端中运行

$ php composer.phar require "bestyii/yii2-swiper" "*"

或者在您的应用程序的 composer.json 文件的 require 部分添加

"bestyii/yii2-swiper" : "*"

到

###使用

 
<?php
/**
 * @var \yii\web\View $this
 */
use bestyii\swiper\Swiper;

echo Swiper::widget( [
  'items'         => [
    [ 'background' => 'http://lorempixel.com/600/600/nature/1' ],
    [ 'background' => 'http://lorempixel.com/600/600/nature/2' ],
    [ 'background' => 'http://lorempixel.com/600/600/nature/3' ],
    [ 'background' => 'http://lorempixel.com/600/600/nature/4' ],
    [ 'background' => 'http://lorempixel.com/600/600/nature/5' ]
  ],
  'behaviours'    => [
    'pagination'
  ],
  'pluginOptions' => [
    'grabCursor'     => true,
    'centeredSlides' => true,
    'slidesPerView'  => 'auto',
    'effect'         => 'coverflow',
    'coverflow'      => [
        'rotate'       => 50,
        'stretch'      => 0,
        'depth'        => 100,
        'modifier'     => 1,
        'slideShadows' => true
    ]
  ]
] );

问题

如果遇到任何问题，您可以创建 问题。

感谢您的关注。