Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
Lucky高
vue-vben-admin
提交
d8b25b48
V
vue-vben-admin
项目概览
Lucky高
/
vue-vben-admin
与 Fork 源项目一致
从无法访问的项目Fork
通知
1
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
V
vue-vben-admin
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
d8b25b48
编写于
10月 22, 2020
作者:
Z
ZhaoBin
提交者:
GitHub
10月 22, 2020
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
feat(breadcrumb): support showIcon (#48)
Co-authored-by:
N
FuckDoctors
<
zhbchwin@163.com
>
上级
28392c3d
变更
5
隐藏空白更改
内联
并排
Showing
5 changed file
with
35 addition
and
3 deletion
+35
-3
src/layouts/default/LayoutBreadcrumb.tsx
src/layouts/default/LayoutBreadcrumb.tsx
+16
-2
src/layouts/default/LayoutHeader.tsx
src/layouts/default/LayoutHeader.tsx
+2
-1
src/layouts/default/setting/SettingDrawer.tsx
src/layouts/default/setting/SettingDrawer.tsx
+13
-0
src/settings/projectSetting.ts
src/settings/projectSetting.ts
+2
-0
src/types/config.d.ts
src/types/config.d.ts
+2
-0
未找到文件。
src/layouts/default/LayoutBreadcrumb.tsx
浏览文件 @
d8b25b48
...
...
@@ -10,10 +10,17 @@ import { PageEnum } from '/@/enums/pageEnum';
import
{
isBoolean
}
from
'
/@/utils/is
'
;
import
{
compile
}
from
'
path-to-regexp
'
;
import
Icon
from
'
/@/components/Icon
'
;
export
default
defineComponent
({
name
:
'
BasicBreadcrumb
'
,
setup
()
{
props
:
{
showIcon
:
{
type
:
Boolean
,
default
:
false
,
},
},
setup
(
props
)
{
const
itemList
=
ref
<
AppRouteRecordRaw
[]
>
([]);
const
{
currentRoute
,
push
}
=
useRouter
();
...
...
@@ -78,7 +85,14 @@ export default defineComponent({
isLink
=
{
isLink
}
onClick
=
{
handleItemClick
.
bind
(
null
,
item
)
}
>
{
()
=>
item
.
meta
.
title
}
{
()
=>
(
<>
{
props
.
showIcon
&&
item
.
meta
.
icon
&&
item
.
meta
.
icon
.
trim
()
!==
''
&&
(
<
Icon
icon
=
{
item
.
meta
.
icon
}
class
=
"icon mr-1 mb-1"
/>
)
}
{
item
.
meta
.
title
}
</>
)
}
</
BreadcrumbItem
>
);
});
...
...
src/layouts/default/LayoutHeader.tsx
浏览文件 @
d8b25b48
...
...
@@ -94,6 +94,7 @@ export default defineComponent({
},
menuSetting
:
{
mode
,
type
:
menuType
,
split
:
splitMenu
,
topMenuAlign
},
showBreadCrumb
,
showBreadCrumbIcon
,
}
=
getProjectConfig
;
const
isSidebarType
=
menuType
===
MenuTypeEnum
.
SIDEBAR
;
...
...
@@ -106,7 +107,7 @@ export default defineComponent({
{
showLogo
&&
!
isSidebarType
&&
<
Logo
class
=
{
`layout-header__logo`
}
/>
}
{
mode
!==
MenuModeEnum
.
HORIZONTAL
&&
showBreadCrumb
&&
!
splitMenu
&&
(
<
LayoutBreadcrumb
/>
<
LayoutBreadcrumb
showIcon
=
{
showBreadCrumbIcon
}
/>
)
}
{
unref
(
showTopMenu
)
&&
(
<
div
...
...
src/layouts/default/setting/SettingDrawer.tsx
浏览文件 @
d8b25b48
...
...
@@ -343,6 +343,7 @@ export default defineComponent({
menuSetting
:
{
show
:
showMenu
},
multiTabsSetting
:
{
show
:
showMultiple
,
showQuick
,
showIcon
:
showTabIcon
},
showBreadCrumb
,
showBreadCrumbIcon
,
}
=
unref
(
getProjectConfigRef
);
return
[
renderSwitchItem
(
'
面包屑
'
,
{
...
...
@@ -352,6 +353,13 @@ export default defineComponent({
def
:
showBreadCrumb
,
disabled
:
!
unref
(
getShowHeaderRef
),
}),
renderSwitchItem
(
'
面包屑图标
'
,
{
handler
:
(
e
)
=>
{
baseHandler
(
'
showBreadCrumbIcon
'
,
e
);
},
def
:
showBreadCrumbIcon
,
disabled
:
!
unref
(
getShowHeaderRef
),
}),
renderSwitchItem
(
'
标签页
'
,
{
handler
:
(
e
)
=>
{
baseHandler
(
'
showMultiple
'
,
e
);
...
...
@@ -449,6 +457,11 @@ export default defineComponent({
showBreadCrumb
:
value
,
};
}
if
(
event
===
'
showBreadCrumbIcon
'
)
{
config
=
{
showBreadCrumbIcon
:
value
,
};
}
if
(
event
===
'
collapsed
'
)
{
config
=
{
menuSetting
:
{
...
...
src/settings/projectSetting.ts
浏览文件 @
d8b25b48
...
...
@@ -94,6 +94,8 @@ const setting: ProjectConfig = {
lockTime
:
0
,
// 显示面包屑
showBreadCrumb
:
true
,
// 显示面包屑图标
showBreadCrumbIcon
:
false
,
// 使用error-handler-plugin
useErrorHandle
:
isProdMode
(),
...
...
src/types/config.d.ts
浏览文件 @
d8b25b48
...
...
@@ -84,6 +84,8 @@ export interface ProjectConfig {
lockTime
:
number
;
// 显示面包屑
showBreadCrumb
:
boolean
;
// 显示面包屑图标
showBreadCrumbIcon
:
boolean
;
// 使用error-handler-plugin
useErrorHandle
:
boolean
;
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录