ga/turntable

yii2-turntable

维护者

详细信息

github.com/liuzexin/GATurntable

源代码

问题

安装次数: 12

依赖者: 0

建议者: 0

安全性: 0

星标: 2

关注者: 1

分支: 1

开放问题: 1

dev-master 2017-12-04 07:41 UTC

null 1a8b8ec0f47368e5f6843fb7c19885e9c1935876

  • liuzexin <liuzexin_top.woop@163.com>

widgetyii2turntable

This package is not auto-updated.

Last update: 2024-09-28 19:52:49 UTC

README

用于抽奖活动的转盘。

GATurntable有两种滚动类型。

1.POINTER_SCROLL

pointer.gif

2.TURNTABLE_SCROLL

turntable.gif

如何安装

composer require ga/turntable dev-master

如何使用

在视图文件中，您应该包含以下代码

<?php
use ga\turntable\TurntableWidget;
use ga\turntable\TurntableAsset;
TurntableAsset::register($this);
?>
<?= TurntableWidget::widget(['scrollType'=>TurntableWidget::TURNTABLE_SCROLL])?>

配置参数

配置非常简单，我们可以设置公开属性

  • $deg 动画角度
  • $animationTime 另一种说法是动画速度
  • $pointerCallback 此处的js代码。如果指针完成动画将触发此函数。
  • $turntableCallback 此处的js代码。如果转盘完成动画将触发此函数。
  • $scrollType self::POINTER_SCROLL 或 self::TURNTABLE_SCROLL
  • $pointerImagePath 自定义指针图片路径
  • $turntableImagePath 自定义转盘图片路径
  • $turntableBGImagePath 自定义转盘背景图片路径