在模型、窗体和模板中使用图标的实用程序。

django-fontawesome-5的Python项目详细描述


Django-Fontawesome-5

在模型、窗体和模板中使用图标的实用程序。

Clip of dropdown

安装/使用

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' %}

必需的位置参数:iconstyle_prefix

关键字参数:

  • extra custom classes
  • 颜色CSS Color Names
  • 边框boolean
  • 固定宽度boolean
  • 翻转
    • horizontal
    • vertical
  • liboolean
  • 拉动
  • 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作为依赖项
  • 静态文件标记包括静态依赖项,可在管理之外使用
  • 将渲染逻辑移动到渲染器

欢迎加入QQ群-->: 979659372 Python中文网_新手群

推荐PyPI第三方库


热门话题
NetBeans中的Java Swing滚动窗格   java如何与具有复合键的表建立关系?   Android中读取文件时java数据丢失   java黄瓜场景。embed在ubuntu机器上不工作?   java从spring mvc控制器操作中,我如何获得请求/响应的访问权限?   java减去两个长值   java选择下一个值firebase 安卓   用于起始和结尾连字符的java正则表达式   Java正则表达式解释   java Lifefay freemarker ADT:方法不可用?   java我怎样才能让我的开关盒作用于JFrame?   java在我的场景中使用连接池的理想方式是什么   java我如何接受jsoup的cookies?   java如何将整数数组更改为字符串数组?   java Android操作\u指针\u向上直到剩余触摸移动时才调用   java为什么gradle会出错?   io如何在java中复制/拆分输入流?   java使JButton不可见,但尊重其原始空间   java Spring提交表单获取复选框值不起作用