patternlab树枝drupal8引导程序

时间:2018-12-13 14:37:29

标签: html twig patternlab.io

我必须使用引导程序选项卡,然后我要动态生成选项卡链接和选项卡内容。但是每个内容都在生物体内。因为在我的情况下,每个选项卡都是来自Drupal后端的段落包。我不知道有没有办法。如何动态地包含生物。我不仅没有为此找到解决方法。当然,如果有条件,我将无法做,因为我会遇到很多情况(标签链接和标签内容)。代码示例。

<section class="tabs ">
     <div class="container">
      <div class="row">
       <div class="col-12">
        <ul class="nav nav-tabs mx-auto position-relative border-bottom-0 flex-column flex-lg-row justify-content-center pb-0 " id="myTab" role="tablist">
          {% for tab in tabs %}
            <li class="nav-item text-center text-lg-left mx-0  pt-1 px-0 pb-0 pt-lg-2">
              {% include '@atoms/anchor/00-anchor-base.twig' with {anchor: tab, stylemodifier: ''  } %}
            </li>
          {% endfor %}
        </ul>
        <div class="tab-content pt-lg-4 pt-2" id="myTabContent">
          {% for tab in tabs %}
            <div class="tab-pane fade  {{ loop.first ? 'show active' }}" id="{{ tab.controls }}" role="tabpanel" aria-labelledby="{{ tab.controls }}-tab">
               {% include '@organisms/block/11-listing.twig' with { } %}
               {# i want the above organism to be dymin , for example it could be "05-organism-thing.twig" #}
            </div>
          {% endfor %}
        </div>
      </div>
    </div>
  </div>
</section>

1 个答案:

答案 0 :(得分:0)

实际上,您可以通过视图进行操作。您只需要根据一种分类法过滤内容(选项卡)并创建同一视图的多个块,每个块均基于页面设置下的菜单和路径。更多信息here

或者,您可以使用Quick tabs模块。

我希望有帮助。