bscheshirwork/yii2-jquery-loading-overlay

Widgets for https://gasparesganga.com/labs/jquery-loading-overlay

维护者

详情

github.com/bscheshirwork/yii2-jquery-loading-overlay

源代码

问题

安装次数: 129

依赖项: 0

建议者: 0

安全: 0

星标: 0

关注者: 2

分支: 0

开放问题: 0

类型:yii2-extension

dev-master 2018-07-25 09:49 UTC

Requires

  • bower-asset/gasparesganga-jquery-loading-overlay: ^2.1.5
  • yiisoft/yii2: >=2.0.15

MIT 7385255755d7529644262201f32f079624863bd6

  • BSCheshir <bscheshir.work.woop@gmail.com>

widgetyii2loading overlay

This package is auto-updated.

Last update: 2024-09-23 02:06:44 UTC

README

安装

安装此扩展的首选方式是通过 composer。

添加

"bscheshirwork/yii2-jquery-loading-overlay": "@dev"

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

使用方法

@see jQuery LoadingOverlay for possible clientOptions

我们也可以使用 PHP 语法表示 clientOptions

<?= \bscheshirwork\jlo\LoadingOverlay::widget([
    'selector' => '#p1',
    'clientOptions' => [
        'image' => '<svg><defs><style>.a{fill:#c5baff;}</style></defs><rect class="a" width="133" height="41"/></svg>',
    ]
]); ?>

还可以使用 JS 语法

<?= \bscheshirwork\jlo\LoadingOverlay::widget([
    'clientOptions' => <<<JS
{
        image                   : '<svg><defs><style>.a{fill:#c5baff;}</style></defs><rect class="a" width="133" height="41"/></svg>',
        imageAnimation          : "2500ms rotate_right",             // String/Boolean
        imageAutoResize         : true,                              // Boolean
        imageResizeFactor       : 1,                                 // Float
        imageColor              : "#202020",                         // String/Array/Boolean
        imageClass              : "",                                // String/Boolean
        imageOrder              : 1,                                 // Integer
}
JS
]); ?>