<!--
// 功能：分类列表页
// 作者：启肯科技
// 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:site_title}</title>
  <meta name="keywords" content="{qkcms:site_keywords}">
  <meta name="description" content="{qkcms:site_description}">
</head>

<body>
  {qkcms:head.html}
  <main class="main-content" style=" padding:0px;">
    <section class="categories-section" style=" width:1198px; margin:0 auto; margin-bottom:20px; padding:0px">
      <div class="topics-header" style="border-top-left-radius:12px;border-top-right-radius: 12px;">
        <h2 class="topics-title">分类列表</h2>
        <div class="topics-filter">
          <span class="filter-btn" style="width:125px"> 共计（{qkcms:total_categories}）个分类 </span>
        </div>
      </div>
      <div class="categories-grid" id="category-list" style="padding:20px">
        {qkcms:categories row=24 parent_id=-1 sa=1 sort=1 page=1}
        <a href="{url}" class="category-item home-category-item">
          <div class="category-icon-small"><img src="{thumbnail}" alt="{name}" /></div>
          <div class="category-info">
            <div class="category-name">
              <span class="category-title">{name}</span>
              <span class="category-count">{count} 话题</span>
            </div>
            <div class="category-meta">{description}</div>
          </div>
        </a>
        {/qkcms:categories}
      </div>
    </section>
    <section class="topics-section" style=" width:1198px;margin:0 auto; margin-bottom:20px ">
      <div class="pagination"> {qkcms:page type=3 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>
  </main>
  {qkcms:footer.html}
</body>
</html>
