textagroup/countdown

将倒计时小部件添加到页面

维护者

详细信息

github.com/textagroup/countdown

源代码

问题

安装: 96

依赖项: 0

建议者: 0

安全: 0

星标: 0

关注者: 1

分支: 2

开放问题: 0

类型:silverstripe-module

v1.0.0 2016-01-11 20:56 UTC

Requires

BSD-3-Clause 984325150530aae6337e6e0b3d0ae0da6006fcf0

  • Kirk Mayo <kirk.mayo.woop@solnet.co.nz>

silverstripewidgetcountdown

This package is not auto-updated.

Last update: 2024-09-24 04:28:18 UTC

README

维护者联系方式

需求

  • SilverStripe 3.1

文档

为 SilverStripe 页面小部件添加倒计时小部件

安装

composer require "textagroup/countdown"

设置

要设置倒计时计时器，首先需要将 CoundownWidgetExtension 应用于页面对象。

这可以在以下示例中的配置 yml 文件中设置，这将将其添加到所有页面

Page:                                                                           
  extensions:                                                                   
    - CountdownWidgetExtension

或者，您也可以通过一些 PHP 代码应用该扩展

Member::add_extension('MyMemberExtension');

这将向页面在 CMS 中添加一个倒计时选项卡，您可以在其中设置倒计时日期和倒计时格式。

然后，您需要设置倒计时出现在哪里，通过向相关的 SilverStripe 模板中添加变量 $Countdown。

<div class="main" role="main">                                                  
        <div class="inner typography line">                                     
                $Countdown                                                      
                $Layout                                                         
        </div>                                                                  
</div>

这将在您的页面中添加一个 div 或 span，并带有倒计时计时器。您可以通过相关的类（默认为 CountdownClock）使用 CSS 来样式化 div 或 span，您也可以通过 CMS 修改默认元素 ID，默认为 clock

请参阅以下页面以获取 jQuery 模块示例和信息

功能

此模块向 SilverStripe 页面添加倒计时计时器，并在 CMS 部分添加日期字段，用于设置倒计时日期

## 待办事项

  • 测试
  • 可能更多倒计时时钟样式
  • 国际化