aaronschmied/yii2-uikit

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

Yii2 的 Uikit

安装: 77

依赖者: 0

建议者: 0

安全: 0

星标: 0

关注者: 1

分叉: 9

开放问题: 0

语言:CSS

类型:yii2-extension

2.0.2 2017-09-13 12:31 UTC

This package is auto-updated.

Last update: 2021-05-14 23:41:47 UTC


README

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

Yii2 Uikit 扩展的安装

安装此扩展的首选方式是通过 composer。只需运行

php composer.phar require --prefer-dist aaronschmied/yii2-uikit ^2.0

或者将以下内容添加到你的 composer.json 文件的 require 部分:

"aaronschmied/yii2-uikit": "^2.0"

to the require section of your composer.json file.

使用示例

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

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

Uikit 轮播小部件示例

  • 从 webroot 路径渲染包含图片的轮播
<?= \aaronschmied\uikit\widgets\Slideshow::widget(['path' => '/images/somefolder/']) ?>
  • 渲染包含自定义幻灯片的轮播
<?= \aaronschmied\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>'
	]
]); ?>
  • 渲染包含叠加层的轮播
<?= \aaronschmied\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.'],
	]
]); ?>