header.html 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. <!DOCTYPE html>
  2. <html data-bs-theme="light" lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
  6. <title>{dreamer-cms:global name="title" /}</title>
  7. <link rel="stylesheet" href="{dreamer-cms:template /}assets/bootstrap/css/bootstrap.min.css">
  8. <link rel="stylesheet" href="{dreamer-cms:template /}assets/css/Roboto.css">
  9. <link rel="stylesheet" href="{dreamer-cms:template /}assets/css/Roboto%20Slab.css">
  10. <link rel="stylesheet" href="{dreamer-cms:template /}assets/css/styles.css">
  11. <style>
  12. .navbar-toggler-icon {
  13. --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255,255,255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
  14. }
  15. .navbar-toggler {
  16. --bs-navbar-toggler-border-radius: 0;
  17. background-color: #000;
  18. border: none
  19. }
  20. </style>
  21. </head>
  22. <body style="margin: 0px;">
  23. <header>
  24. <div class="container pt-xl-4" style="margin: 0 auto;padding: 0;">
  25. <nav class="navbar navbar-expand-md bg-body pt-3" style="width: 100%;">
  26. <div class="container">
  27. <a class="navbar-brand d-flex align-items-center" href="/">
  28. {dreamer-cms:sql sql="select image_path as litpic from system_archives where id = [1800352925088759808]"}
  29. <img class="logo" data-src="/resources/uploads/[field:litpic /]"
  30. src="{dreamer-cms:template /}assets/img/none.png" alt="logo" style="margin: 0 .5rem 0 0;"
  31. width="50px" height="50px">
  32. {/dreamer-cms:sql}
  33. <span>{dreamer-cms:global name="title" /}</span>
  34. </a>
  35. <button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-2">
  36. <span class="navbar-toggler-icon"></span>
  37. </button>
  38. <div class="collapse navbar-collapse" id="navcol-2">
  39. <ul class="navbar-nav ms-auto">
  40. <li class="nav-item"><a class="nav-link active" href="/">首页</a></li>
  41. {dreamer-cms:categoryartlist length="5"}
  42. {dreamer-cms:if test="('true' eq [field:haschildren/])"}
  43. <li class="nav-item ">
  44. <a class="nav-link active" href="[field:typeurl/]">[field:typenamecn /]</a>
  45. </li>
  46. {/dreamer-cms:if}
  47. {dreamer-cms:if test="('false' eq [field:haschildren/])"}
  48. <li class="nav-item"><a class="nav-link active" href="[field:typeurl /]">[field:typenamecn
  49. /]</a></li>
  50. {/dreamer-cms:if}
  51. {/dreamer-cms:categoryartlist}
  52. </ul>
  53. </div>
  54. </div>
  55. </nav>
  56. </div>
  57. </header>
  58. </body>
  59. </html>