django-fluent-contents的倒计时计时器
项目描述
fluentcms-countdown
一个用于在网站上显示倒计时计时器的插件,基于django-fluent-contents。
它基于以下位置的jQuery插件: http://keith-wood.name/countdown.html
安装
首先安装模块,最好在虚拟环境中安装。它可以从PyPI安装
pip install fluentcms-countdown
后端配置
首先确保项目已为django-fluent-contents配置。
然后添加以下设置
INSTALLED_APPS += ( 'fluentcms_countdown', )
之后可以创建数据库表
./manage.py syncdb
现在,可以将CountDownPlugin添加到您的PlaceholderField和PlaceholderEditorAdmin管理屏幕。
前端配置
确保所有插件媒体文件都由django-fluent-contents公开
{% load fluent_contents_tags %} {% render_content_items_media %}
此标签应放置在页面底部,在所有插件渲染之后。有关更多配置选项(例如,与django-compressor的集成) - 请参阅模板标签文档。
CSS代码
有意省略了样式表代码,因为作者通常喜欢提供自己的样式。
要快速开始,请将 fluentcms_countdown/vendor/jquery.countdown.css 包含到您的站点中。
JavaScript 代码
JavaScript 集成无需配置
默认情况下,插件包含运行计时器所需的所有 JavaScript 代码
可以使用以下设置自定义包含内容
JQUERY_PLUGIN_JS = 'fluentcms_countdown/vendor/jquery.plugin.min.js' JQUERY_COUNTDOWN_JS = 'fluentcms_countdown/vendor/jquery.countdown.min.js' JQUERY_COUNTDOWN_LOCALE_JS = 'fluentcms_countdown/vendor/jquery.countdown-{locale}.js' COUNTDOWN_JS = 'fluentcms_countdown/countdown.js'
例如,如果另一个插件也使用了 jquery.plugin.js,则重新定义设置,以便两个插件使用相同的文件
JQUERY_PLUGIN_JS = 'mysite/vendor/jquery.plugin.min.js'
如果值定义为 None,则它将被排除在前端媒体之外
HTML 代码
如果需要,可以通过重新定义 fluentcms_countdown/countdown.html 来覆盖 HTML 代码。任何 data-... 属性都将由 JavaScript 代码读取;这可以用于向计时器初始化脚本提供自定义设置。
贡献
如果您喜欢此模块,已分叉它或希望改进它,请告诉我们!我们也欢迎拉取请求。:-)
项目详情
下载文件
下载您平台上的文件。如果您不确定选择哪个,请了解有关 安装软件包 的更多信息。
源分布
构建分布
fluentcms-countdown-2.0.tar.gz 的哈希值
算法 | 哈希摘要 | |
---|---|---|
SHA256 | 6ade88bf45226eb3cfb497efc5d5d952b2d468c19d03a5c28bef4e499b4d9eca |
|
MD5 | 412c6955f0b880705f3d4e86226cc30a |
|
BLAKE2b-256 | a550c69372c78bebd9d43c8848a73e1c53ad74f313543f0ee9b623476e38235e |
fluentcms_countdown-2.0-py3-none-any.whl 的哈希值
算法 | 哈希摘要 | |
---|---|---|
SHA256 | e94046ed076fd5961a16b6e7e62eaf68ac3d07e616cb62e103e34634f8b05340 |
|
MD5 | a5045a494f8c3b67246cb5106fbc76f5 |
|
BLAKE2b-256 | bd42d8db9eaaba279d1f520e5afca814ce79afd67b98fdcd772b2af5a3bff4f0 |