Yii2 Carousel::widget() 使用指南 - 图片轮播组件教程

Yii2 Carousel::widget() 是一个基于 Bootstrap 框架的轮播组件，可以用于展示多张图片或其他内容。使用该组件需要先引入 Bootstrap 框架，然后在视图文件中使用以下代码：

use yii\bootstrap\Carousel;

echo Carousel::widget([
    'items' => [
        // 图片或其他内容
        ['content' => '<img src='image1.jpg'/>'],
        ['content' => '<img src='image2.jpg'/>'],
        ['content' => '<img src='image3.jpg'/>'],
    ],
]);

其中 items 参数指定了轮播的内容，可以是图片、文本、HTML 等内容。每个 item 都是一个数组，可以包含以下属性：

• content：轮播项的内容，可以是字符串、HTML 代码或者视图渲染的结果
• caption：轮播项的标题，可以是字符串、HTML 代码或者视图渲染的结果
• options：轮播项的 HTML 属性，如 class、style 等

可以根据需要设置轮播的属性，例如设置轮播的高度、宽度、间隔等：

echo Carousel::widget([
    'items' => [
        ['content' => '<img src='image1.jpg'/>', 'options' => ['style' => 'height: 300px;']],
        ['content' => '<img src='image2.jpg'/>', 'options' => ['style' => 'height: 300px;']],
        ['content' => '<img src='image3.jpg'/>', 'options' => ['style' => 'height: 300px;']],
    ],
    'options' => [
        'style' => 'width: 600px; margin: 0 auto;', // 设置轮播的宽度和居中显示
        'interval' => 3000, // 设置轮播的间隔时间
    ],
]);