Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
yuenblue
HtmlDemo
提交
7d30b372
H
HtmlDemo
项目概览
yuenblue
/
HtmlDemo
通知
1
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
H
HtmlDemo
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
7d30b372
编写于
12月 25, 2023
作者:
Y
yuenblue
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
No commit message
No commit message
上级
724239c3
变更
3
隐藏空白更改
内联
并排
Showing
3 changed file
with
381 addition
and
0 deletion
+381
-0
demoadmin/index - 拷贝.html
demoadmin/index - 拷贝.html
+176
-0
demoadmin/index.css
demoadmin/index.css
+28
-0
demoadmin/index.html
demoadmin/index.html
+177
-0
未找到文件。
demoadmin/index - 拷贝.html
0 → 100644
浏览文件 @
7d30b372
<!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
0 → 100644
浏览文件 @
7d30b372
@charset
"utf-8"
;
/* CSS Document */
.nav-link-icon
{}
.nav-link-icon
::after
{
display
:
none
;
}
body
{
overflow-y
:
hidden
;
}
#container-main
{
}
#container-main
main
{
height
:
calc
(
100vh
-
62px
);
overflow-y
:
scroll
;
}
#container-wrap
{
}
@media
screen
and
(
max-width
:
992px
){
#container-main
aside
{
display
:
none
;
}
}
demoadmin/index.html
0 → 100644
浏览文件 @
7d30b372
<!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>
<meta
name=
"viewport"
content=
"width=device-width, initial-scale=1"
>
</head>
<body>
<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"
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 class="container-fluid text-center text-black-50">此处显示新 Div 标签的内容</div>-->
</body>
</html>
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录