Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
Dr.Disrespect
vue-vben-admin
提交
8e3f84c3
V
vue-vben-admin
项目概览
Dr.Disrespect
/
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,体验更适合开发者的 AI 搜索 >>
提交
8e3f84c3
编写于
5月 23, 2021
作者:
V
vben
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
fix(style): fix layout style, fix #633
上级
e3569b81
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
27 addition
and
31 deletion
+27
-31
src/layouts/default/header/MultipleHeader.vue
src/layouts/default/header/MultipleHeader.vue
+26
-30
src/layouts/default/header/index.less
src/layouts/default/header/index.less
+1
-1
未找到文件。
src/layouts/default/header/MultipleHeader.vue
浏览文件 @
8e3f84c3
...
...
@@ -50,42 +50,38 @@
return
unref
(
getFixed
)
||
unref
(
getShowFullHeaderRef
);
});
const
getWrapStyle
=
computed
(
():
CSSProperties
=>
{
const
style
:
CSSProperties
=
{};
if
(
unref
(
getFixed
))
{
style
.
width
=
unref
(
getIsMobile
)
?
'
100%
'
:
unref
(
getCalcContentWidth
);
}
if
(
unref
(
getShowFullHeaderRef
))
{
style
.
top
=
`
${
HEADER_HEIGHT
}
px`
;
}
return
style
;
const
getWrapStyle
=
computed
(():
CSSProperties
=>
{
const
style
:
CSSProperties
=
{};
if
(
unref
(
getFixed
))
{
style
.
width
=
unref
(
getIsMobile
)
?
'
100%
'
:
unref
(
getCalcContentWidth
);
}
);
if
(
unref
(
getShowFullHeaderRef
))
{
style
.
top
=
`
${
HEADER_HEIGHT
}
px`
;
}
return
style
;
});
const
getIsFixed
=
computed
(()
=>
{
return
unref
(
getFixed
)
||
unref
(
getShowFullHeaderRef
);
});
const
getPlaceholderDomStyle
=
computed
(
():
CSSProperties
=>
{
let
height
=
0
;
if
(
(
unref
(
getShowFullHeaderRef
)
||
!
unref
(
getSplit
))
&&
unref
(
getShowHeader
)
&&
!
unref
(
getFullContent
)
)
{
height
+=
HEADER_HEIGHT
;
}
if
(
unref
(
getShowMultipleTab
)
&&
!
unref
(
getFullContent
))
{
height
+=
TABS_HEIGHT
;
}
headerHeightRef
.
value
=
height
;
return
{
height
:
`
${
height
}
px`
,
};
const
getPlaceholderDomStyle
=
computed
(():
CSSProperties
=>
{
let
height
=
0
;
if
(
(
unref
(
getShowFullHeaderRef
)
||
!
unref
(
getSplit
))
&&
unref
(
getShowHeader
)
&&
!
unref
(
getFullContent
)
)
{
height
+=
HEADER_HEIGHT
;
}
);
if
(
unref
(
getShowMultipleTab
)
&&
!
unref
(
getFullContent
))
{
height
+=
TABS_HEIGHT
;
}
headerHeightRef
.
value
=
height
;
return
{
height
:
`
${
height
}
px`
,
};
});
const
getClass
=
computed
(()
=>
{
return
[
...
...
@@ -116,7 +112,7 @@
flex: 0 0 auto;
&--dark {
margin-left:
0
;
margin-left:
-1px
;
}
&--fixed {
...
...
src/layouts/default/header/index.less
浏览文件 @
8e3f84c3
...
...
@@ -166,7 +166,7 @@
&--dark {
background-color: @header-dark-bg-color !important;
border-bottom: 1px solid @border-color-base;
//
border-bottom: 1px solid @border-color-base;
border-left: 1px solid @border-color-base;
.@{header-prefix-cls}-logo {
&:hover {
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录