Skip to content

H
HtmlDemo

yuenblue / HtmlDemo

通知 1
Star 0
Fork 0
H
HtmlDemo

前往新版Gitcode，体验更适合开发者的 AI 搜索 >>

提交 4940ae77 编写于 作者: Y yuenblue
浏览文件
操作

pages

上级 4f4ecc16
隐藏空白更改
内联 并排
Showing with 85 addition and 190 deletion
.vscode/settings.json 0 → 100644
浏览文件 @ 4940ae77
{
"workbench.colorTheme": "GitHub Dark High Contrast"
}
\ No newline at end of file
Bootstrap-v5/Components/Offcanvas/Offcanvas.html
浏览文件 @ 4940ae77
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
<link href="../Offcanvas.css" rel="stylesheet" type="text/css"> <link href="../Offcanvas.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="../../../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script> <script type="text/javascript" src="../../../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script type="text/javascript" src="../../../node_modules/jquery/dist/jquery.js"></script> <script type="text/javascript" src="../../../node_modules/jquery/dist/jquery.js"></script>
<script type="text/javascript" src="../../../demoadmin/layout/layout-mobile.js"></script> <script type="text/javascript" src="../../layout/layout/layout-mobile.js"></script>
</head> </head>
<body> <body>
......
demoadmin/index/index.html → Bootstrap-v5/layout/index/index.html
浏览文件 @ 4940ae77
...@@ -3,9 +3,9 @@ ...@@ -3,9 +3,9 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>index</title> <title>index</title>
<link href="../../node_modules/bootstrap/dist/css/bootstrap.css" rel="stylesheet" type="text/css"> <link href="../../../node_modules/bootstrap/dist/css/bootstrap.css" rel="stylesheet" type="text/css">
<link href="index.css" rel="stylesheet" type="text/css"> <link href="index.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="../../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script> <script type="text/javascript" src="../../../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
</head> </head>
<body> <body>
......
demoadmin/layout/layout-mobile.html → Bootstrap-v5/layout/layout/layout-mobile.html
浏览文件 @ 4940ae77
...@@ -3,9 +3,9 @@ ...@@ -3,9 +3,9 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>layout mobile</title> <title>layout mobile</title>
<link href="../../node_modules/bootstrap/dist/css/bootstrap.css" rel="stylesheet" type="text/css"> <link href="../../../node_modules/bootstrap/dist/css/bootstrap.css" rel="stylesheet" type="text/css">
<link href="layout-mobile.css" rel="stylesheet" type="text/css"> <link href="layout-mobile.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="../../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script> <script type="text/javascript" src="../../../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
</head> </head>
<body> <body>
......
demoadmin/layout/layout.html → Bootstrap-v5/layout/layout/layout.html
浏览文件 @ 4940ae77
...@@ -3,9 +3,9 @@ ...@@ -3,9 +3,9 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>layout</title> <title>layout</title>
<link href="../../node_modules/bootstrap/dist/css/bootstrap.css" rel="stylesheet" type="text/css"> <link href="../../../node_modules/bootstrap/dist/css/bootstrap.css" rel="stylesheet" type="text/css">
<link href="layout.css" rel="stylesheet" type="text/css"> <link href="layout.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="../../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script> <script type="text/javascript" src="../../../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
</head> </head>
<body> <body>
......
demoadmin/layout/layout2.html → Bootstrap-v5/layout/layout/layout2.html
浏览文件 @ 4940ae77
...@@ -3,9 +3,9 @@ ...@@ -3,9 +3,9 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>layout2</title> <title>layout2</title>
<link href="../../node_modules/bootstrap/dist/css/bootstrap.css" rel="stylesheet" type="text/css"> <link href="../../../node_modules/bootstrap/dist/css/bootstrap.css" rel="stylesheet" type="text/css">
<link href="layout2.css" rel="stylesheet" type="text/css"> <link href="layout2.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="../../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script> <script type="text/javascript" src="../../../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
</head> </head>
<body> <body>
......
demoadmin/index - 拷贝.html 已删除 100644 → 0
浏览文件 @ 4f4ecc16
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<link href="../node_modules/bootstrap/dist/css/bootstrap.css" rel="stylesheet" type="text/css">
<link href="index.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script type="text/javascript" src="../node_modules/jquery/dist/jquery.js"></script>
</head>
<body>
<div id="container-wrap" class="d-flex flex-column">
<nav class="navbar navbar-expand-lg border-bottom sticky-top">
<div class="container-fluid"> <a class="navbar-brand" href="#">CmsDemo</a>
<button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasNavbar" aria-controls="offcanvasNavbar"> <span class="navbar-toggler-icon"></span> </button>
<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasNavbar" aria-labelledby="offcanvasNavbarLabel">
<div class="offcanvas-header">
<h5 class="offcanvas-title" id="offcanvasNavbarLabel">导航</h5>
<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body align-items-center">
<ul class="navbar-nav justify-content-start flex-grow-1 pe-3">
<li class="nav-item"> <a class="nav-link" aria-current="page" href="#">首页</a> </li>
<li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"> 栏目 </a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="#">概览</a></li>
<li><a class="dropdown-item" href="#">添加栏目</a></li>
</ul>
</li>
<li class="nav-item dropdown "> <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"> 文档 </a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="#">概览</a></li>
<li><a class="dropdown-item" href="#">发布文档</a></li>
<li><a class="dropdown-item" href="#">待审核</a></li>
<li><a class="dropdown-item" href="#">回收站</a></li>
</ul>
</li>
<li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"> 附件 </a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="#">概览</a></li>
<li><a class="dropdown-item" href="#">上传附件</a></li>
</ul>
</li>
<li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"> 用户 </a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="#">用户列表</a></li>
<li><a class="dropdown-item" href="#">添加用户</a></li>
</ul>
</li>
<li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"> 设置 </a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="#">概览</a></li>
</ul>
</li>
</ul>
<form class="d-flex py-1" role="search">
<input class="form-control me-2" type="search" placeholder="请输入关键字" aria-label="Search">
<button class="btn btn-info text-nowrap text-white" type="submit">搜索</button>
</form>
<ul class="navbar-nav pe2">
<li class="nav-item dropdown"> <a class="nav-link dropdown-toggle nav-link-icon position-relative" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">消息 <span class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-danger">0</span></a>
<ul class="dropdown-menu dropdown-menu-end">
<li><a class="dropdown-item" href="#">概览</a></li>
<li><a class="dropdown-item" href="#">上传附件</a></li>
</ul>
</li>
<li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"> 用户名Abc </a>
<ul class="dropdown-menu dropdown-menu-end">
<li><a class="dropdown-item" href="#">概览</a></li>
<li><a class="dropdown-item" href="#">上传附件</a></li>
</ul>
</li>
<!--
<li class="nav-item dropdown-center">
<button class="btn btn-dark dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false"> 用户名Aa </button>
<ul class="dropdown-menu dropdown-menu-dark dropdown-menu-end">
<li><a class="dropdown-item" href="#">设置</a></li>
<li><a class="dropdown-item" href="#">退出</a></li>
</ul>
</li>
-->
</ul>
</div>
</div>
</div>
</nav>
<div class="container-fluid flex-grow-1" id="container-main">
<div class="row">
<aside class="col-auto">
<ul>
<li>aaaaa</li>
<li>aaaaa</li>
<li>aaaaa</li>
<li>aaaaa</li>
<li>aaaaa</li>
</ul>
</aside>
<main class="col">
<div>此处显示新 Div 标签的内容</div>
<div>此处显示新 Div 标签的内容</div>
<div>此处显示新 Div 标签的内容</div>
<div>此处显示新 Div 标签的内容</div>
<div>此处显示新 Div 标签的内容</div>
<div>此处显示新 Div 标签的内容</div>
<div>此处显示新 Div 标签的内容</div>
<div>此处显示新 Div 标签的内容</div>
<div>此处显示新 Div 标签的内容</div>
<div>此处显示新 Div 标签的内容</div>
<div>此处显示新 Div 标签的内容</div>
<div>此处显示新 Div 标签的内容</div>
<div>此处显示新 Div 标签的内容</div>
<div>此处显示新 Div 标签的内容</div>
<div>此处显示新 Div 标签的内容</div>
<div>此处显示新 Div 标签的内容</div>
<div>此处显示新 Div 标签的内容</div>
<div>此处显示新 Div 标签的内容</div>
<div>此处显示新 Div 标签的内容</div>
<div>此处显示新 Div 标签的内容</div>
<div>此处显示新 Div 标签的内容</div>
<div>此处显示新 Div 标签的内容</div>
<div>此处显示新 Div 标签的内容</div>
<div>此处显示新 Div 标签的内容</div>
<div>此处显示新 Div 标签的内容</div>
<div>此处显示新 Div 标签的内容</div>
<div>此处显示新 Div 标签的内容</div>
<div>此处显示新 Div 标签的内容</div>
<div>此处显示新 Div 标签的内容</div>
<div>此处显示新 Div 标签的内容</div>
<div>此处显示新 Div 标签的内容</div>
<div>此处显示新 Div 标签的内容</div>
<div>此处显示新 Div 标签的内容</div>
<div>此处显示新 Div 标签的内容</div>
<div>此处显示新 Div 标签的内容</div>
<div>此处显示新 Div 标签的内容</div>
<div>此处显示新 Div 标签的内容</div>
<div>此处显示新 Div 标签的内容</div>
<div>此处显示新 Div 标签的内容</div>
<div>此处显示新 Div 标签的内容</div>
<div>此处显示新 Div 标签的内容</div>
<div>此处显示新 Div 标签的内容</div>
<div>此处显示新 Div 标签的内容</div>
<div>此处显示新 Div 标签的内容</div>
<div>此处显示新 Div 标签的内容</div>
<div>此处显示新 Div 标签的内容</div>
<div>此处显示新 Div 标签的内容</div>
<div>此处显示新 Div 标签的内容</div>
<div>此处显示新 Div 标签的内容</div>
<div>此处显示新 Div 标签的内容</div>
<div>此处显示新 Div 标签的内容</div>
<div>此处显示新 Div 标签的内容</div>
<div>此处显示新 Div 标签的内容</div>
<div>此处显示新 Div 标签的内容</div>
<div>此处显示新 Div 标签的内容</div>
<div>此处显示新 Div 标签的内容</div>
<div>此处显示新 Div 标签的内容</div>
<div>此处显示新 Div 标签的内容</div>
<div>此处显示新 Div 标签的内容</div>
<div>此处显示新 Div 标签的内容</div>
<div>此处显示新 Div 标签的内容</div>
<div>此处显示新 Div 标签的内容</div>
<div>此处显示新 Div 标签的内容</div>
<div>此处显示新 Div 标签的内容</div>
<div>此处显示新 Div 标签的内容</div>
<div>此处显示新 Div 标签的内容</div>
<div>此处显示新 Div 标签的内容</div>
</main>
</div>
</div>
</div>
<!-- <div class="container-fluid text-center text-black-50">此处显示新 Div 标签的内容</div>-->
</body>
</html>
demoadmin/index.css
浏览文件 @ 4940ae77
...@@ -26,3 +26,11 @@ body{ ...@@ -26,3 +26,11 @@ body{
display: none; display: none;
} }
} }
demoadmin/index.html
浏览文件 @ 4940ae77
...@@ -2,11 +2,10 @@ ...@@ -2,11 +2,10 @@
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>无标题文档</title> <title>index</title>
<link href="../node_modules/bootstrap/dist/css/bootstrap.css" rel="stylesheet" type="text/css"> <link href="../node_modules/bootstrap/dist/css/bootstrap.css" rel="stylesheet" type="text/css">
<link href="index.css" rel="stylesheet" type="text/css"> <link href="index.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script type="text/javascript" src="../node_modules/jquery/dist/jquery.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
</head> </head>
...@@ -90,7 +89,7 @@ ...@@ -90,7 +89,7 @@
</nav> </nav>
<div class="container-fluid" id="container-main"> <div class="container-fluid" id="container-main">
<div class="row"> <div class="row">
<aside class="col-auto"> <aside class="col-auto border-end">
<ul> <ul>
<li>aaaaa</li> <li>aaaaa</li>
<li>aaaaa</li> <li>aaaaa</li>
...@@ -99,7 +98,7 @@ ...@@ -99,7 +98,7 @@
<li>aaaaa</li> <li>aaaaa</li>
</ul> </ul>
</aside> </aside>
<main class="col"> <main class="col bg-secondary-subtle">
<div>此处显示新 Div 标签的内容</div> <div>此处显示新 Div 标签的内容</div>
<div>此处显示新 Div 标签的内容</div> <div>此处显示新 Div 标签的内容</div>
...@@ -173,5 +172,7 @@ ...@@ -173,5 +172,7 @@
</div> </div>
<!-- <div class="container-fluid text-center text-black-50">此处显示新 Div 标签的内容</div>--> <!-- <div class="container-fluid text-center text-black-50">此处显示新 Div 标签的内容</div>-->
<script type="text/javascript" src="../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script type="text/javascript" src="../node_modules/jquery/dist/jquery.js"></script>
</body> </body>
</html> </html>
demoadmin/pages/article/article-index.html 0 → 100644
浏览文件 @ 4940ae77
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>article-index</title>
<link href="../../../node_modules/bootstrap/dist/css/bootstrap.css" rel="stylesheet" type="text/css">
</head>
<body class="bg-secondary-subtle p-2">
<script type="text/javascript" src="../../../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script type="text/javascript" src="../../../node_modules/jquery/dist/jquery.js"></script>
</body>
</html>
demoadmin/pages/attachment/index.html 0 → 100644
浏览文件 @ 4940ae77
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
</body>
</html>
demoadmin/pages/category/index.html 0 → 100644
浏览文件 @ 4940ae77
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
</body>
</html>
demoadmin/pages/pages.css 0 → 100644
浏览文件 @ 4940ae77
@charset "utf-8";
/* CSS Document */
demoadmin/pages/setting/index.html 0 → 100644
浏览文件 @ 4940ae77
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
</body>
</html>
demoadmin/pages/user/index.html 0 → 100644
浏览文件 @ 4940ae77
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
</body>
</html>
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或