<!--
// 功能：列表页默认模板
// 作者：启肯科技
// Q Q：328493711
// 微信：13738373177（同手机）
// 官网：http://www.qiken.com
// 说明：QKCMS-轻量级AI智能内容管理建站系统
// 版权：© 2025 温州启肯网络有限公司 保留所有权利，盗版必究。 -->

<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>{qkcms:cat_seo_title}-{qkcms:site_name}</title>
  <meta name="keywords" content="{qkcms:cat_keywords}">
  <meta name="description" content="{qkcms:cat_description}">
  <link rel="stylesheet" href="/assets/css/ts_list.css" />
</head>

<body class="qk-list0">
  {qkcms:head.html}
  <main class="main-content">
    <div class="container">
      <div class="content-layout">
        <div class="main-column">
          <section class="qk-list-category-section">
            <div class="qk-list-category-content">
              <div class="qk-list-category-card">
                <div class="qk-list-category-card-header">
                  <div style="display: flex; align-items: center;">
                    <div class="qk-list-category-thumbnail-container">
                      <div class="qk-list-category-thumbnail is-pending" data-name="{qkcms:cat_name}">
                        <img src="{qkcms:cat_thumbnail}" alt="{qkcms:cat_name}"
                          onerror="this.parentNode.className='qk-list-category-thumbnail is-text'; this.style.display='none';" />
                        <span class="qk-list-category-thumbnail-text"></span>
                      </div>
                      <script>
                        (function () {
                          var thumb = document.currentScript.previousElementSibling;
                          if (!thumb) return;
                          var img = thumb.querySelector('img');
                          var text = thumb.querySelector('.qk-list-category-thumbnail-text');
                          var name = (thumb.getAttribute('data-name') || '').trim();
                          if (text) text.textContent = name ? name.charAt(0) : '栏';
                          var src = img ? (img.getAttribute('src') || '').trim() : '';
                          var isDefaultThumb = !src || src.indexOf('/assets/images/moren.jpg') !== -1 || src.indexOf('assets/images/moren.jpg') !== -1;
                          thumb.className = isDefaultThumb ? 'qk-list-category-thumbnail is-text' : 'qk-list-category-thumbnail is-ready';
                        })();
                      </script>
                    </div>
                    <div class="qk-list-category-header-info">
                      <h1 class="qk-list-category-title">{qkcms:cat_name}</h1>
                    </div>
                  </div>
                  <div class="qk-list-category-posts">共 {qkcms:cat_posts} 个话题</div>
                </div>
                <div class="qk-list-category-card-body">
                  <div class="qk-list-category-keywords">
                    <span class="qk-list-keywords-label">分类关键词：</span>
                    <span class="list-tags-wrapper">{qkcms:cat_keywords_links}</span>
                  </div>

                  <div class="qk-list-category-description">
                    <p id="cat-desc">{qkcms:cat_description}</p>
                  </div>
                </div>
              </div>
            </div>
          </section>
          <section class="topics-section">
            <div class="topics-content">
              <div id="latest" class="tab-content active"> {qkcms:articles row=12 col=1 property=0 order=latest
                category_id={qkcms:category_id} titlelen=30
                description_len=80 page=1}
                <div class="topic-item fade-in visible"><a href="{url}" class="topic-title">
                    <div class="article-thumbnail-container"> <img src="{thumbnail}" alt="{title}"
                        class="article-thumbnail"> </div>
                  </a>
                  <div class="topic-content">
                    <div class="topic-header-row">
                      <div class="topic-meta"> <a href="/Member_id{author_id}.php" class="topic-author">{author}</a>
                        <span class="topic-time">{date_only}</span>
                      </div>
                      <span class="article-tags">{keywords_links}</span>

                    </div>
                    <a href="{url}" class="topic-title">{title}</a>
                    <p>描述: {description}</p>
                    <div class="topic-footer">
                      <div class="topic-stats"> <span class="topic-stat"> <span class="icon view"></span> {views}</span>
                        <span class="topic-stat"> <span class="icon message"></span> {comments} </span> <span
                          class="topic-stat"> <span class="icon like"></span> {like_count} </span>
                      </div>
                    </div>
                  </div>
                </div>
                {/qkcms:articles}
              </div>
            </div>
          </section>
          <section class="topics-section">
            <div class="pagination"> {qkcms:page type=1 page=1}
              {first_page}
              {prev_page}
              {page_numbers}
              {jump_to_page}
              {next_page}
              {last_page} <span class="page-status">{page_status}</span> {/qkcms:page} </div>
          </section>
        </div>
        <aside class="sidebar">
          <div class="trending-topics fade-in">
            <h3 class="trending-header">热门资讯</h3>
            <div class="trending-list"> {qkcms:articles row=8 property=0 category_id=-1
              order=latest titlelen=34} <a href="{url}" class="trending-item spaced-item">
                <div class="trending-rank  warm">{title_id}</div>
                <div class="trending-content">
                  <div class="trending-title">{title}</div>
                  <div class="trending-meta"> {views} 浏览 · {comments} 评论</div>
                </div>
              </a> {/qkcms:articles} </div>
          </div>
          <div class="events-section fade-in">
            <h3 class="events-header">全站公告</h3>
            {qkcms:articles row=3 property=4 category_id=-1 titlelen=40} <a href="{url}" class="event-item">
              <div class="event-date">
                <div class="event-month">{date_mo}月</div>
                <div class="event-day">{date_dy}</div>
              </div>
              <div class="event-info">
                <div class="event-title">{title}</div>
                <div class="event-location">{keywords}</div>
              </div>
            </a> {/qkcms:articles}
          </div>
        </aside>
      </div>
    </div>
  </main>
  {qkcms:footer.html}
</body>

</html>
