从包含的文件修改父块

如何解决从包含的文件修改父块

我是 Twig 新手，遇到了一些问题。

这是我的问题：我有 3 个树枝模板：

我在 home.html.twig 中扩展的 base.html.twig 和 home.html.twig 中包含的 header / basic.html.twig

{#base.html.twig#}
<!DOCTYPE html>
<html class="vw-100">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
     <meta name="robots" content="index"/>
     <meta name="keywords" content="{% block keywords %}{% endblock %}"/>
     <meta name="description" content="{% block description %}{% endblock %}"/>
     <title>{% block title %}Welcome!{% endblock %}</title>
     <link rel="icon" type="image/png" href="{{ asset('assets/images/icon.png') }}"/>
     <link rel="stylesheet" href="{{ asset('assets/css/dist/bootstrap.min.css') }}">
     <link rel="stylesheet" href="{{ asset('assets/css/base.css') }}">
     <link rel="stylesheet" href="{{ asset('assets/css/footer/basic.css') }}">
     {% block stylesheets %}{% endblock %}
     <script src="{{ asset('assets/js/dist/fontawesome.min.js') }}" crossorigin="anonymous"></script>
 </head>
 <body class="vw-100">
     {% block body %}{% endblock %}
     {% include 'footer/basic.html.twig' %}
     <script src="{{ asset('assets/js/dist/jquery.min.js') }}"></script>
     <script src="{{ asset('assets/js/dist/popper.min.js') }}"></script>
     <script src="{{ asset('assets/js/dist/bootstrap.min.js') }}"></script>
     <script src="{{ asset('assets/js/base.js') }}"></script>
     {% block javascripts %}{% endblock %}
 </body>
</html>

{#home.twig.html#}
{% extends 'base.html.twig' %}

{% block keywords %}{% endblock %}
{% block description %}{% endblock %}
{% block title %}Accueil{% endblock %}
{% block stylesheets %}
    <link rel="stylesheet" href="{{ asset('assets/css/homePage.css') }}">
{% endblock %}

{% block body %}
    {% include 'header/basic.html.twig' with {h1: 'Enterprise Name',text_link: 'Learn More',link: 'link',text: 'some text'}%}
{% endblock %}
{% block javascripts %}{% endblock %}

{#header/basic.html#}
<header class="vw-100">
    <div class="cover-container d-flex h-100 p-3 mx-auto flex-column justify-content-center">
        <main role="main" class="inner cover text-center">
            <h1 class="cover-heading theme-text-color">{{ h1 }}</h1>
            <p class="lead theme-text-color">{{ text }}</p>
            <p class="lead">
                <a href="{{ link }}" class="btn btn-lg btn-light theme-text-color" target="_blank">{{ text_link }}</a>
            </p>
        </main>
    </div>
</header>

我需要从 header/basic.html.twig 模板添加一个指向样式表块的链接，如下所示：

{#header/basic.html#}
{% block stylesheets %}
    ...{# home.twig.html content #}
    <link rel="stylesheet" href="{{ asset('assets/css/header/basic.css') }}">
{% endblock %}
<header class="vw-100">
    <div class="cover-container d-flex h-100 p-3 mx-auto flex-column justify-content-center">
        <main role="main" class="inner cover text-center">
            <h1 class="cover-heading theme-text-color">{{ h1 }}</h1>
            <p class="lead theme-text-color">{{ text }}</p>
            <p class="lead">
                <a href="{{ link }}" class="btn btn-lg btn-light theme-text-color" target="_blank">{{ text_link }}</a>
            </p>
        </main>
    </div>
</header>

我尝试了很多东西，但都没有成功。有没有办法做到这一点？谢谢

从包含的文件修改父块

如何解决从包含的文件修改父块

相关推荐