ilyaplot/yii2-uikit

此包已被废弃,不再维护。未建议替代包。

Yii2的Uikit 3

安装: 249

依赖: 0

建议者: 0

安全: 0

星标: 0

关注者: 2

分支: 9

开放问题: 0

语言:CSS

类型:yii2-extension

1.3.6 2019-05-17 14:47 UTC

This package is not auto-updated.

Last update: 2023-02-24 09:02:13 UTC


README

为轻量级和模块化前端框架UiKit提供的组件和资源

Yii2 Uikit 扩展安装

推荐通过composer安装此扩展。只需运行

php composer.phar require --prefer-dist ilyaplot/yii2-uikit

或添加

"ilyaplot/yii2-uikit": "*"

到你的composer.json文件的require部分。

用法示例

例如,在任意视图文件中包含主Uikit css & js文件

\worstinme\uikit\UikitAsset::register($this);

Uikit 滚动播放组件示例

  • 从webroot路径渲染包含图片的滚动播放
<?= \worstinme\uikit\widgets\Slideshow::widget(['path' => '/images/somefolder/']) ?>
  • 使用自定义幻灯片渲染滚动播放
<?= \worstinme\uikit\widgets\Slideshow::widget(['slides' => [
		'<div class="slide">Any content with some <a href="#">button</a> e.g.</div>'
		'<div class="pam_pam_slide-two">Another content with some <a href="#">button</a> e.g.</div>'
	]
]); ?>
  • 使用叠加效果渲染滚动播放
<?= \worstinme\uikit\widgets\Slideshow::widget(['items' => [
		['img'=>'/link/to/img.jpg','overlay'=>'Any content with some <a href="#">button</a> e.g.'],
		['img'=>'/link/to/img.jpg','overlay'=>'Any content with some <a href="#">button</a> e.g.'],
	]
]); ?>