{% load post_extras %}
{% comment %} 临时禁用缓存 {% endcomment %}

<div class="last_update">
  <h2 class="text-gray-800 text-lg font-medium mb-3">{{title}}</h2>
  
  <div class="space-y-2">
    {%for item in page_obj%}
      <a href="{% url 'post:detail_view' item.pk %}" class="flex items-center gap-3 p-2 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors">
        {% if item.article_img %}
        <img src="{{ item.article_img|oss_image:'mini_100' }}" alt="" class="w-10 h-10 rounded object-cover flex-shrink-0" loading="lazy">
        {% else %}
        <div class="w-10 h-10 rounded bg-gray-200 dark:bg-gray-600 flex items-center justify-center flex-shrink-0">
          <svg class="w-5 h-5 text-gray-400" fill="currentColor" viewBox="0 0 20 20">
            <path d="M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z"/>
          </svg>
        </div>
        {% endif %}
        
        <span class="text-sm text-gray-700 dark:text-gray-300 hover:text-blue-600 dark:hover:text-blue-400 line-clamp-2">
          {% if item.product_name %}
            {{item.product_name|truncatechars:40}} 
          {% else %}
            {{item.title|truncatechars:40}} 
          {% endif %}
        </span>
      </a>
    {%endfor%}
  </div>
</div>