在模型、窗体和模板中使用图标的实用程序。
django-fontawesome-5的Python项目详细描述
Django-Fontawesome-5
在模型、窗体和模板中使用图标的实用程序。
安装/使用
pipenv install django-fontawesome-5
将“fontawesou 5”添加到已安装的INSTALLED_APPS
:
INSTALLED_APPS = (
...
'fontawesome_5',
)
导入并使用IconField
:
from fontawesome_5.fields import IconField
class Category(models.Model):
...
icon = IconField()
包括静态文件
{% load fontawesome_5 %}
<head>
{% fontawesome_5_static %}
...
</head>
设置
通过指定::
FONTAWESOME_5_CSS = URL or None
default: 'fontawesome_5/css/django-fontawesome.css'
FONTAWESOME_5_CSS_ADMIN = URL or path
default: None
FONTAWESOME_5_ICON_CLASS = 'default' or 'semantic_ui'
default: 'default'
FONTAWESOME_5_PREFIX = 'custom_prefix'
default: 'fa'
渲染
您可以在模板中进行如下简单的渲染:
{% for category in categories.all %}
{% if category.icon %}
{{ category.icon.as_html }}
{% endif %}
{% endfor %}
默认渲染器
或者可以使用{% fa5_icon %}
模板标记。
{% fa5_icon 'check' 'fas' %}
必需的位置参数:icon
,style_prefix
关键字参数:
- 类
extra custom classes
- 颜色
CSS Color Names
- 边框
boolean
- 固定宽度
boolean
- 翻转
horizontal
vertical
- li
boolean
- 拉动
left
right
- 脉冲
boolean
- 旋转
integer
- 大小
fa-xs
fa-sm
fa-lg
fa-2x
fa-3x
fa-5x
fa-7x
fa-10x
- 自旋
boolean
- 标题
string
语义ui呈现器
或者可以使用{% fa5_icon %}
模板标记。
{% fa5_icon 'check' %}
必需的位置参数:icon
关键字参数:
- 类
extra custom classes
- 有边框
boolean
- 圆形
boolean
- 彩色
Semantic UI Colors
- 已禁用
boolean
- 适合
boolean
- 翻转
horizontal
vertical
- 倒置
boolean
- 链接
boolean
- 正在加载
boolean
- 旋转
clockwise
counterclockwise
- 脉冲
boolean
- 旋转
integer
- 大小
fa-xs
fa-sm
fa-lg
fa-2x
fa-3x
fa-5x
fa-7x
fa-10x
- 标题
string
学分
原稿记入https://github.com/redouane~
更改
- 已更新,可与字体awesome 5一起使用
- 删除了pyyaml、select2和jquery作为依赖项
- 静态文件标记包括静态依赖项,可在管理之外使用
- 将渲染逻辑移动到渲染器