README

此扩展是针对惊人的 jQuery slidebars 的包装，可以在以下位置找到

http://plugins.adchsm.me/slidebars/

请仔细查看所有插件选项，这些选项可以通过添加到以下“clientOptions”参数中传递，如下所示。

扩展的演示可以在这里找到

http://yii2fullcalendar.beeye.org/index.php/site/slidebars

安装

将以下内容添加到您的 composer.json require 部分

  "philippfrenzel/yii2slidebars": "*",

基本步骤

以下是在您的网站上使用 Slidebars 的基本步骤。页面下方还有更详细的描述和 API 使用说明。

将以下内容添加到您的 head 部分的 meta viewport 标签中。

´´´ ´´´

将整个页面设计包裹在一个具有 id="canvas"的元素中。

´´´

通过添加修饰类来设置 Slidebars 的侧边。
向元素添加控制类以使用 Slidebars。

添加控制类

有一些可选的类，当应用到元素上时，可以用来控制 Slidebars。如果您不想使用这些类，您可以使用 API 将自己的元素设置为控制 Slidebars。

.sb-toggle-left 可以用来切换左侧 Slidebar。如果点击时 Slidebar 是关闭的，它将打开；如果点击时是打开的，它将关闭。

.sb-toggle-right 可以用来切换右侧 Slidebar。如果点击时 Slidebar 是关闭的，它将打开；如果点击时是打开的，它将关闭。

.sb-open-left 可以用来在点击时打开左侧 Slidebar。

.sb-open-right 可以用来在点击时打开右侧 Slidebar。

.sb-close 可以用来在点击时关闭任一 Slidebar。

查看代码

最终视图应如下所示

<?php
use yii\helpers\Html;
?>

<h1><?php echo Html::encode($this->title); ?></h1>

<?= \yii2slidebars\yii2slidebars::widget([
    'id' => 'yourid'
]); ?>

<?php yii\widgets\Block::begin(array('id'=>'sb-left')); ?>
    <h4><i class="fa fa-tag"></i> <?= Html::encode('Search') ?></h4>
    ...
<?php yii\widgets\Block::end(); ?>

<?php yii\widgets\Block::begin(array('id'=>'sb-right')); ?>
    <h4><i class="fa fa-tag"></i> <?= Html::encode('Toolbox') ?></h4>
    ...
<?php yii\widgets\Block::end(); ?>

目前，在单页面上有多个 sly 时，会出现问题，但我们知道这个问题并且正在解决。

philippfrenzel / yii2slidebars

维护者

详细信息

README

安装

添加控制类

查看代码