如何逐行打印视图中的各个字段

Question

我在“标题”、"field_image“、"field_description”这样的内容中有这么多字段，我使用一个视图创建一个块并将其放在我的头版上.

我将用jquery插件(jssor滑块)制作一个滑块，我需要使用jssor滑块的结构。然后，在我看来，我使用"views-view-fields--名字_机器--block.html.twig“来打印单个字段。但是文件“视图-视图-字段.”打印每个内容，在这个文件上运行所有的代码，我只需要把这个插件的初始容器放一次，图像的代码要放几次。

我尝试将插件的初始容器放在"page.html.twig“中，但是当我用”view.“打印这个块时.在里面，他放了很多代码，许多标签和容器，我不需要，插件停止工作。让我来看看文件。

我的page.html.twig {#头#} {%如果page.banner_front %}

    <div id="jssor_1">
      <!-- Loading Screen -->
      <div data-u="loading" class="jssorl-009-spin">
          <img src="/images/spin.svg" />
      </div>
      <div data-u="slides"> 

        {% block banner_front %}
            {{ page.banner_front }}
        {% endblock %}

      </div>       
     </div>

然后我的视图-视图-字段--横幅-块.html.twig：

           <div data-b="0">
                <img data-u="image" src="{{ fields.field_imagen.content }}"/>
                <div class="caption-banner" data-u="caption" data-t="0">
                    <div class="title-banner">
                        {% if fields.title.content %}
                            {{ fields.title.content }}
                        {% endif %}
                    </div>
                    <div class="description-banner">
                        {% if fields.banner_description.content %}
                            {{ fields.banner_description.content }}
                        {% endif %}
                    </div>
                    {% if fields.field_url.content %}
                        <a href="#" target="_blan">   
                            <div class="btn-ver">Ver más</div>
                        </a>
                    {% endif %}
                </div>
            </div>

要正确工作，标签<div data-b = '0'>必须留在标签<div data-u = 'slides'>中，但是当打印区域时，系统会打印许多损坏滑块结构的标签和容器。

在Drupal 7中，我使用了图像的内部代码和非官方结构，并且工作得很好，但现在，我不知道如何做到这一点。

非常感谢。

Answer 1

如果您使用格式:未格式化的列表试图覆盖views-view-unformatted.html.twig，那么您将能够将类添加到父类或每一行中。