Skip to main content

FeinCMS 的 Bootstrap 3 按钮元素

项目描述

https://img.shields.io/pypi/v/feincms-button.svg https://img.shields.io/pypi/dm/feincms-button.svg https://img.shields.io/github/license/bashu/feincms-button.svg https://app.travis-ci.com/bashu/feincms-button.svg?branch=develop

在文本中显示 Bootstrap 3按钮。

此按钮可用于导航,例如在文本块的末尾。这些按钮不能在表单中使用。

安装

首先确保项目配置为feincms。

然后添加以下设置:

INSTALLED_APPS += (
    'feincms_button',
)

现在,您可以创建ButtonContent内容类型:

from feincms.module.page.models import Page
from feincms_button.contents import ButtonContent

Page.create_content_type(ButtonContent)

前端样式

该按钮使用 Bootstrap 规定的 HTML 呈现:

<a class=<s>"btn btn-default"</s> href=<s>"#"</s> role=<s>"button"</s>>Link</a>

标准的 Bootstrap 3 CSS 将为此提供合理的样式,可以覆盖或替换您自己的 CSS 文件。Bootstap 3 提供的默认值是:https ://github.com/twbs/bootstrap-sass/blob/master/assets/stylesheets/bootstrap/_buttons.scss

使用 Sass 时,还可以覆盖 Sass 变量。

配置

如果需要,可以覆盖以下设置:

from django.utils.translation import pgettext_lazy

FEINCMS_BUTTON_STYLES = (
    ('btn-default', pgettext_lazy("button-style", u"Default")),
    ('btn-primary', pgettext_lazy("button-style", u"Primary")),
    ('btn-success', pgettext_lazy("button-style", u"Success")),
    ('btn-info', pgettext_lazy("button-style", u"Info")),
    ('btn-warning', pgettext_lazy("button-style", u"Warning")),
    ('btn-danger', pgettext_lazy("button-style", u"Danger")),
    ('btn-link', pgettext_lazy("button-style", u"Link")),
)

FEINCMS_BUTTON_SIZES = (
    ('', pgettext_lazy("button-size", u"Default")),
    ('btn-lg', pgettext_lazy("button-size", u"Large")),
    ('btn-sm', pgettext_lazy("button-size", u"Small")),
    ('btn-xs', pgettext_lazy("button-size", u"Extra Small")),
)

默认情况下,使用标准的 Bootstrap 按钮类。当项目对按钮使用其他类时,可以重新定义这些。

贡献

如果你喜欢这个模块,分叉它,或者想改进它,请告诉我们!也欢迎拉取请求。:-)

变化

2.0.1 (2021-11-28)

  • 添加了ru翻译。

2.0.0 (2021-11-27)

  • 添加了 Django 3+ 支持。

  • 放弃了对 Python 2.7 的支持。

  • 放弃了对 Django 1.10 / 1.11 的支持。

下载文件

下载适用于您平台的文件。如果您不确定要选择哪个,请了解有关安装包的更多信息。

源分布

feincms-button-2.0.1.tar.gz (12.9 kB 查看哈希)

已上传 source

内置分布

feincms_button-2.0.1-py3-none-any.whl (14.3 kB 查看哈希)

已上传 py3