|
|
@@ -0,0 +1,113 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html data-bs-theme="light" lang="en">
|
|
|
+
|
|
|
+<head>
|
|
|
+ <meta charset="utf-8">
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
|
|
|
+ <title>{dreamer-cms:global name="title" /}</title>
|
|
|
+ <link rel="stylesheet" href="{dreamer-cms:template /}assets/bootstrap/css/bootstrap.min.css">
|
|
|
+ <link rel="stylesheet" href="{dreamer-cms:template /}assets/css/Roboto.css">
|
|
|
+ <link rel="stylesheet" href="{dreamer-cms:template /}assets/css/Roboto%20Slab.css">
|
|
|
+ <link rel="stylesheet" href="{dreamer-cms:template /}assets/css/styles.css">
|
|
|
+ <style>
|
|
|
+ .logo{
|
|
|
+ max-height: 3.2rem;
|
|
|
+ }
|
|
|
+ .nav-bar-box{
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: inherit;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+ .nav-bar-header{
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ }
|
|
|
+
|
|
|
+ @media (max-width: 450px) {
|
|
|
+ .logo{
|
|
|
+ max-height: 2rem;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .navbar-toggler-icon {
|
|
|
+ --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;
|
|
|
+ }
|
|
|
+ .header{
|
|
|
+ position: relative;
|
|
|
+ width: 100%;
|
|
|
+ background: white;
|
|
|
+ }
|
|
|
+ .navbar-expand-md .navbar-collapse {
|
|
|
+ background-color: white;
|
|
|
+ --bs-navbar-active-color: black;
|
|
|
+ }
|
|
|
+ .navbar-toggler {
|
|
|
+ --bs-navbar-toggler-border-radius: 0;
|
|
|
+ background-color: #000;
|
|
|
+ border: none
|
|
|
+ }
|
|
|
+ @media (min-width: 768px){
|
|
|
+ .header{
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ z-index: 99999;
|
|
|
+ width: 100%;
|
|
|
+ background: transparent;
|
|
|
+ }
|
|
|
+ .navbar-expand-md .navbar-collapse {
|
|
|
+ flex: 0 0 auto;
|
|
|
+ background-color: white;
|
|
|
+ --bs-navbar-active-color: black;
|
|
|
+ }
|
|
|
+ .navbar-expand-md .navbar-collapse {
|
|
|
+ background-color: rgba(255, 255, 255, 0);
|
|
|
+ --bs-navbar-active-color: white;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ </style>
|
|
|
+</head>
|
|
|
+
|
|
|
+<body style="margin: 0px;">
|
|
|
+ <header class="header">
|
|
|
+ <div class="" style="margin: 0 auto;padding: 0;">
|
|
|
+ <nav class="navbar navbar-expand-md pt-3" style="width: 100%;">
|
|
|
+ <div class="nav-bar-box">
|
|
|
+ <div class="nav-bar-header px-1 px-sm-2 px-md-2 px-l-3 px-xl-4">
|
|
|
+ <a class="navbar-brand d-flex align-items-center" href="/">
|
|
|
+ {dreamer-cms:sql sql="select image_path as litpic from system_archives where id = [1800352925088759808]"}
|
|
|
+ <img class="logo" data-src="/resources/uploads/[field:litpic /]"
|
|
|
+ src="{dreamer-cms:template /}assets/img/none.png" alt="logo" style="margin: 0 .5rem 0 0;">
|
|
|
+ {/dreamer-cms:sql}
|
|
|
+ <!-- <span>{dreamer-cms:global name="title" /}</span> -->
|
|
|
+ </a>
|
|
|
+ <button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-2">
|
|
|
+ <span class="navbar-toggler-icon"></span>
|
|
|
+ </button>
|
|
|
+ </div>
|
|
|
+ <div class="collapse navbar-collapse px-1 px-sm-2 px-md-2 px-l-3 px-xl-4" id="navcol-2">
|
|
|
+ <ul class="navbar-nav ms-auto">
|
|
|
+ <li class="nav-item"><a class="nav-link active" href="/">首页</a></li>
|
|
|
+ {dreamer-cms:categoryartlist length="5"}
|
|
|
+ {dreamer-cms:if test="('true' eq [field:haschildren/])"}
|
|
|
+ <li class="nav-item ">
|
|
|
+ <a class="nav-link active" href="[field:typeurl/]">[field:typenamecn /]</a>
|
|
|
+ </li>
|
|
|
+ {/dreamer-cms:if}
|
|
|
+ {dreamer-cms:if test="('false' eq [field:haschildren/])"}
|
|
|
+ <li class="nav-item"><a class="nav-link active" href="[field:typeurl /]">[field:typenamecn
|
|
|
+ /]</a></li>
|
|
|
+ {/dreamer-cms:if}
|
|
|
+ {/dreamer-cms:categoryartlist}
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </nav>
|
|
|
+ </div>
|
|
|
+ </header>
|
|
|
+</body>
|
|
|
+
|
|
|
+</html>
|
