跳转到主要内容

django-fluent-contents的倒计时计时器

项目描述

fluentcms-countdown

https://github.com/django-fluent/fluentcms-countdown/actions/workflows/tests.yaml/badge.svg?branch=master https://img.shields.io/pypi/v/fluentcms-countdown.svg https://img.shields.io/pypi/l/fluentcms-countdown.svg https://img.shields.io/codecov/c/github/django-fluent/fluentcms-countdown/master.svg

一个用于在网站上显示倒计时计时器的插件,基于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添加到您的PlaceholderFieldPlaceholderEditorAdmin管理屏幕。

前端配置

确保所有插件媒体文件都由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 (42.2 kB 查看哈希值)

上传时间

构建分布

fluentcms_countdown-2.0-py3-none-any.whl (71.2 kB 查看哈希值)

上传时间 Python 3

由以下支持

AWS AWS 云计算和安全赞助商 Datadog Datadog 监控 Fastly Fastly CDN Google Google 下载分析 Microsoft Microsoft PSF 赞助商 Pingdom Pingdom 监控 Sentry Sentry 错误记录 StatusPage StatusPage 状态页面