Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
易企天创
zui
提交
bec8b762
Z
zui
项目概览
易企天创
/
zui
11 个月 前同步成功
通知
6
Star
0
Fork
1
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
37
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
Z
zui
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
37
Issue
37
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
前往新版Gitcode,体验更适合开发者的 AI 搜索 >>
提交
bec8b762
编写于
11月 16, 2020
作者:
T
Tintin
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
template: add footer.
上级
98568fca
变更
3
隐藏空白更改
内联
并排
Showing
3 changed file
with
53 addition
and
3 deletion
+53
-3
template/src/index/index.html
template/src/index/index.html
+6
-0
template/src/index/js/activenav.js
template/src/index/js/activenav.js
+23
-0
template/src/index/less/core.less
template/src/index/less/core.less
+24
-3
未找到文件。
template/src/index/index.html
浏览文件 @
bec8b762
...
...
@@ -178,6 +178,12 @@
<div
id=
"main"
>
<div
class=
"tabs"
id=
"tabs-container"
></div>
</div>
<footer
id=
"footer"
>
<ol
class=
"breadcrumb"
>
<li
class=
"active"
>
Z-Master
</li>
<li
class=
"active"
>
首页
</li>
</ol>
</footer>
<script
src=
"https://cdnjs.cloudflare.com/ajax/libs/zui/1.9.2/lib/jquery/jquery.js"
></script>
<script
src=
"https://cdnjs.cloudflare.com/ajax/libs/zui/1.9.2/js/zui.min.js"
></script>
<script
src=
"https://cdnjs.cloudflare.com/ajax/libs/zui/1.9.2/lib/tabs/zui.tabs.js"
></script>
...
...
template/src/index/js/activenav.js
浏览文件 @
bec8b762
...
...
@@ -16,6 +16,7 @@ $('#tabs-container').tabs({
forbidClose
:
true
}]
});
let
breadcrumbPath
=
[];
const
tabsInstance
=
$
(
'
#tabs-container
'
).
data
(
'
zui.tabs
'
);
// Click on the left navigation bar to link with the tab page
$
(
'
#treeMenu
'
).
on
(
'
click
'
,
'
a
'
,
function
()
{
...
...
@@ -25,6 +26,8 @@ $('#treeMenu').on('click', 'a', function () {
}
const
tabName
=
$
(
this
).
text
();
const
tabId
=
$
(
this
).
closest
(
'
li
'
).
data
(
'
id
'
);
breadcrumbPath
=
[];
setBreadcrumbPath
(
$
(
this
));
if
(
Object
.
keys
(
tabsInstance
.
tabs
).
includes
(
tabName
))
{
$
(
`#tab-nav-item-
${
tabName
}
.tab-nav-link`
).
trigger
(
'
click
'
);
return
;
...
...
@@ -48,6 +51,8 @@ $('#treeMenu').on('click', 'a', function () {
function
activeMenuItem
(
activeTabId
)
{
$
(
'
#treeMenu li.active
'
).
removeClass
(
'
active
'
);
$
(
`#treeMenu li[data-id=
${
activeTabId
}
] a`
).
closest
(
'
li
'
).
addClass
(
'
active
'
);
breadcrumbPath
=
[];
setBreadcrumbPath
(
$
(
`#treeMenu li[data-id=
${
activeTabId
}
] a`
));
const
hasLists
=
$
(
'
#treeMenu li.active
'
).
parents
(
'
li.has-list
'
);
if
(
hasLists
.
length
!==
0
)
{
hasLists
.
each
(
function
()
{
...
...
@@ -56,6 +61,24 @@ function activeMenuItem(activeTabId) {
}
}
/**
* set breadcrumb
* @param {JQuery<HTMLElement>} $a
*/
function
setBreadcrumbPath
(
$a
)
{
let
$lis
=
$a
.
parents
(
'
li
'
);
$lis
.
each
(
function
(
index
,
li
)
{
breadcrumbPath
.
unshift
(
$
(
li
).
children
(
'
a
'
).
text
());
});
const
$breadcrumb
=
$
(
'
#footer .breadcrumb
'
);
$breadcrumb
.
empty
();
const
breadcrumbItem
=
[];
breadcrumbPath
.
forEach
((
x
,
index
)
=>
{
breadcrumbItem
.
push
(
$
(
`<li class="active">
${
x
}
</li>`
));
});
$breadcrumb
.
append
(
$
(
'
<li class="active">Z-Master</li>
'
),
...
breadcrumbItem
);
}
// Click on the tab page to link with the left navigation bar
$
(
'
#tabs-container
'
).
on
(
'
click
'
,
'
.tab-nav-link
'
,
function
()
{
activeMenuItem
(
$
(
this
).
data
(
'
id
'
));
...
...
template/src/index/less/core.less
浏览文件 @
bec8b762
...
...
@@ -205,7 +205,7 @@ body {
position: fixed;
z-index: 1;
top: 50px;
bottom:
0
;
bottom:
36px
;
left: 0;
overflow: hidden;
width: 230px;
...
...
@@ -258,7 +258,7 @@ body {
right: 0;
bottom: 0;
left: 230px;
padding: 0 10px;
padding: 0 10px
40px 10px
;
transition: left .5s ease-in-out;
background-color: @main-bgcolor;
}
...
...
@@ -267,4 +267,25 @@ body {
min-height: 100%;
}
/* main end */
\ No newline at end of file
/* main end */
/* footer start */
#footer {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
background: #fff;
.breadcrumb {
margin-bottom: 0;
li:not(:first-child) {
&::before {
content: '>';
}
}
}
}
/* footer end */
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录