black-lamp/

yii2-slider

模块,用于在仪表盘中添加图片滑块

安装: 180

依赖者: 0

建议者: 0

安全性: 0

星标: 2

关注者: 4

分支: 0

开放问题: 0

类型:yii2-extension

2.0.1 2017-09-10 14:06 UTC

This package is not auto-updated.

Last update: 2024-09-14 19:53:09 UTC


README

模块,用于在仪表盘中添加图片滑块并使用小部件将其附加到视图中。此扩展使用Slick 滑块

Build Status Latest Stable Version Latest Unstable Version License

安装

运行命令

composer require black-lamp/yii2-slider

"black-lamp/yii2-slider": "*"

将其添加到您的 composer.json 文件的 require 部分。

应用迁移

yii migrate --migrationPath=@vendor/black-lamp/yii2-slider/src/common/migrations

将模块添加到应用程序配置

后端模块

'modules' => [
     // ...
     'slider' => [
         'class' => bl\slider\backend\Module::class
     ]
]

模块配置属性

使用

您应该使用小部件将滑块添加到页面中

<?= bl\slider\frontend\widgets\SliderWidget::widget([
        'sliderKey' => 'home-page-slider'
    ]) ?>

小部件配置属性

您还可以将此滑块附加到您的 Active Record 模型

配置

为您的 Active Record 模型添加行为

use yii\db\ActiveRecord;

/**
 * @property string $sliderKey
 * @property SliderContent[] $sliderContent
 */
class Article extends ActiveRecord
{
    public function behaviors()
    {
        return [
            // ...
            'slider' => [
                'class' => \bl\slider\common\behaviors\SliderBehavior::class
            ],
        ];
    }
}

使用

$article = new Article();
$article->sliderKey = "article-slider";

$slide_one = new SliderContent();
$slide_one->content = "img/slider/slider-1.jpg";
$slide_one->position = 1;

$slide_two = new SliderContent();
$slide_two->content = "img/slider/slider-2.jpg";
$slide_two->position = 2;

// slide N...

$article->sliderContent = $slide_one;
$article->sliderContent = $slide_two;
// or
$article->sliderContent = [$slide_one, $slide_two];

$article->save();