gpt4 book ai didi

python - 如何覆盖所有模板的 flask_admin 样式?

转载 作者:太空宇宙 更新时间:2023-11-04 15:51:04 25 4
gpt4 key购买 nike

我正在开发简单的 Web 应用程序,至于数据库显示,我使用 Flask_admin 模块。我想将自定义 CSS 应用于我的所有模板,例如带有蓝色边框的自定义 navar。这是我的 index.html 模板的样子:

{% block head %}
{{ super() }}
.navbar {
border-color: #019ced;
border-width: 1px;
border-radius: 0;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
border-top: none;
box-shadow: none;
}
{% endblock %}

它工作正常,但我想将此自定义导航栏样式应用到所有 模板。

我正在尝试使用 master.html 来做到这一点

{% extends 'admin/base.html' %}
{% block head_css %}
{{ super() }}
.navbar {
border-color: #019ced;
border-width: 1px;
border-radius: 0;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
border-top: none;
box-shadow: none;
}
{% endblock %}

然后在 index.html 中从它扩展但没有任何成功。我想我可以为从父级继承的每个 View 定义自定义模板,并覆盖头部部分,其中我包含带有自定义导航栏的 CSS 文件,但我正在寻找更简单的方法。

请告诉我什么是定义、创建和继承基本模板的正确方法,我可以在其中定义自定义 CSS。提前谢谢你。

最佳答案

您的 master.html 文件应如下所示:

{% extends admin_base_template %}
{% block head_css %}
{{ super() }}
<style>
.navbar {
border-color: #019ced;
border-width: 1px;
border-radius: 0;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
border-top: none;
box-shadow: none;
}
</style>
{% endblock %}

关于python - 如何覆盖所有模板的 flask_admin 样式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50198659/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com