【问题标题】:How to customize Flask Admin templates?如何自定义 Flask Admin 模板?
【发布时间】:2020-11-07 00:30:00
【问题描述】:

我正在尝试 RTL 烧瓶管理模板,我知道我可以覆盖现有模板,但是如何仅更改 CSS?有什么想法吗?

【问题讨论】:

    标签: flask flask-admin


    【解决方案1】:

    将您的 CSS 更改放入 /static/css/my_flask_admin.css 的新 CSS 文件中。

    然后override HTML 模板。这可以通过创建一个名为 /templates/admin/master.html 的文件来完成,其内容如下:

    {% extends admin_base_template %}
    
    {% block head_css %}
      {{ super() }}
      <link rel="stylesheet" href="{{ url_for('static', filename='css/my_flask_admin.css') }}">
    {% endblock %}
    

    extendsblock 调用继承了原始模板并挂钩到 CSS 定义中。 super() 调用会加载原始 CSS 文件。 url_for(...) 调用将您的 CSS 文件附加在这些文件之后,从而有效地将您的文件优先于原始文件。

    【讨论】:

    • 为我节省了一些时间。
    • 部分回答。 HTML 模板在哪里,它去哪里了?
    • @cal97g 看看github.com/flask-admin/flask-admin。例如,您可以使用示例子目录中的简单示例:将您的 css 文件放在新创建的 static/css 子目录中。然后你可以在它的 template/admin/index.html 文件中直接在第一行之后和第二行之前通过上面的 sn -p。
    猜你喜欢
    • 2013-09-06
    • 2012-03-05
    • 1970-01-01
    • 1970-01-01
    • 2018-07-22
    • 1970-01-01
    • 1970-01-01
    • 2023-03-07
    • 2012-03-15
    相关资源
    最近更新 更多