sergmoro1/yii2-slide

幻灯片管理器。幻灯片集合可以用于前端作为轮播图。每个幻灯片可以设置标题、副标题、链接等,具体内容取决于幻灯片模板和需求。

安装: 40

依赖: 1

建议者: 0

安全: 0

星标: 0

关注者: 3

分支: 0

开放问题: 0

类型:yii2-extension

v2.0.0 2019-11-06 12:19 UTC

This package is auto-updated.

Last update: 2024-09-07 05:28:04 UTC


README

优势

通常网站首页需要幻灯片。该模块允许管理指定数量的幻灯片。每个幻灯片可以设置标题、副标题、链接等,具体部分数量取决于幻灯片模板和需求。

安装

建议通过composer安装此扩展。

运行以下命令

composer require --prefer-dist sergmoro1/yii2-slide

或在您的composer.json文件的要求部分添加

"sergmoro1/yii2-slide": "^1.1"

配置

为幻灯片创建一个目录

mkdir ./frontend/web/files/slide
chmod -R 777 ./frontend/web/files/slide

frontend/config/params.php中进行设置

return [
    'common' => [
        'slides' => [
            // 3 slides
            ['id' => 1, 'caption' => 'Advert'],
            ['id' => 2, 'caption' => 'Characteristic feature'],
            ['id' => 3, 'caption' => 'Key service'],
            // may be more
        ],
        // Slide description look like: Head1 # Line1 of Head2; Line2 of Head2 # link/to/content
        // In a backend slide/index every part will be converted in the tag mentioned below. 
        'highlights' => ['h4', 'p', 'small', 'b', 'p', 'small'],
    ],
];

使用方法

每个幻灯片有一个或多个图片和描述。仅激活第一张图片。顺序可以通过鼠标改变。

描述通过符号 "#" 分隔部分,可用于前端的高亮和链接。

$model->getImage('thumb');
$model->getImage();
$model->getImage('original');

$model->getHighlights();

高亮的位置取决于位置。您需要自己定义每个部分的位置,并在前端使用它。