{% load wagtailimages_tags static %}

<section class="article-section article-section--{{ section.layout }} {{ section_color }}">
  <div class="list-title {{ title_variant }}">
    <div class="block-title category-title"><span>{{ section.title }}</span></div>
      <span class="block-title-divider" aria-hidden="true">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" height="100%" overflow="visible" preserveAspectRatio="none" viewBox="0 0 28 1" width="100%">
          <line stroke="currentColor" x2="28" y1="0.5" y2="0.5"/>
        </svg>
      </span>
    <a href="{{ section.url }}"><span class="more-link">查看全部</span></a>
  </div>
  {% if section.layout == "block" %}
    {% include "home/includes/block_list.html" with items=section.items %}
  {% elif section.layout == "horizon" %}
    {% include "home/includes/horizontal_list.html" with items=section.items %}
  {% endif %}
</section>