Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
啊嘞嘞EC
vue-vben-admin
提交
0c2e72d2
V
vue-vben-admin
项目概览
啊嘞嘞EC
/
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,发现更多精彩内容 >>
提交
0c2e72d2
编写于
12月 04, 2020
作者:
V
vben
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
chore: update README.md
上级
1bc237d7
变更
3
显示空白变更内容
内联
并排
Showing
3 changed file
with
31 addition
and
23 deletion
+31
-23
CHANGELOG.zh_CN.md
CHANGELOG.zh_CN.md
+1
-0
src/layouts/default/header/LayoutHeader.tsx
src/layouts/default/header/LayoutHeader.tsx
+29
-22
src/router/scrollBehaviour.ts
src/router/scrollBehaviour.ts
+1
-1
未找到文件。
CHANGELOG.zh_CN.md
浏览文件 @
0c2e72d2
...
...
@@ -14,6 +14,7 @@
### 🎫 Chores
-
首屏 loading 修改
-
升级
`vue`
到
`3.0.4`
### 🐛 Bug Fixes
...
...
src/layouts/default/header/LayoutHeader.tsx
浏览文件 @
0c2e72d2
...
...
@@ -3,7 +3,13 @@ import './index.less';
import
type
{
FunctionalComponent
}
from
'
vue
'
;
import
type
{
Component
}
from
'
/@/components/types
'
;
import
{
defineComponent
,
unref
,
computed
,
ref
,
nextTick
}
from
'
vue
'
;
import
{
defineComponent
,
unref
,
computed
,
ref
,
// nextTick
}
from
'
vue
'
;
import
{
Layout
,
Tooltip
,
Badge
}
from
'
ant-design-vue
'
;
import
{
AppLogo
}
from
'
/@/components/Application
'
;
...
...
@@ -24,7 +30,7 @@ import { useModal } from '/@/components/Modal';
import
{
useFullscreen
}
from
'
/@/hooks/web/useFullScreen
'
;
import
{
useTabs
}
from
'
/@/hooks/web/useTabs
'
;
import
{
useWindowSizeFn
}
from
'
/@/hooks/event/useWindowSizeFn
'
;
//
import { useWindowSizeFn } from '/@/hooks/event/useWindowSizeFn';
import
{
useHeaderSetting
}
from
'
/@/hooks/setting/useHeaderSetting
'
;
import
{
useMenuSetting
}
from
'
/@/hooks/setting/useMenuSetting
'
;
import
{
useRootSetting
}
from
'
/@/hooks/setting/useRootSetting
'
;
...
...
@@ -61,9 +67,9 @@ export default defineComponent({
fixed
:
propTypes
.
bool
,
},
setup
(
props
)
{
let
logoEl
:
Element
|
null
|
undefined
;
//
let logoEl: Element | null | undefined;
const
logoWidthRef
=
ref
(
200
);
//
const logoWidthRef = ref(200);
const
logoRef
=
ref
<
ComponentRef
>
(
null
);
const
{
refreshPage
}
=
useTabs
();
const
{
t
}
=
useI18n
();
...
...
@@ -88,22 +94,22 @@ export default defineComponent({
const
[
register
,
{
openModal
}]
=
useModal
();
const
{
toggleFullscreen
,
isFullscreenRef
}
=
useFullscreen
();
useWindowSizeFn
(
()
=>
{
nextTick
(()
=>
{
if
(
!
unref
(
getShowTopMenu
))
return
;
let
width
=
0
;
if
(
!
logoEl
)
{
logoEl
=
unref
(
logoRef
)?.
$el
;
}
else
{
width
+=
logoEl
.
clientWidth
;
}
logoWidthRef
.
value
=
width
+
80
;
});
},
200
,
{
immediate
:
true
}
);
//
useWindowSizeFn(
//
() => {
//
nextTick(() => {
//
if (!unref(getShowTopMenu)) return;
//
let width = 0;
//
if (!logoEl) {
//
logoEl = unref(logoRef)?.$el;
//
} else {
//
width += logoEl.clientWidth;
//
}
//
logoWidthRef.value = width + 80;
//
});
//
},
//
200,
//
{ immediate: true }
//
);
const
headerClass
=
computed
(()
=>
{
const
theme
=
unref
(
getHeaderTheme
);
...
...
@@ -129,7 +135,7 @@ export default defineComponent({
}
function
renderHeaderContent
()
{
const
width
=
unref
(
logoWidthRef
);
//
const width = unref(logoWidthRef);
return
(
<
div
class
=
"layout-header__content "
>
{
unref
(
getShowHeaderLogo
)
&&
(
...
...
@@ -146,7 +152,8 @@ export default defineComponent({
)
}
{
unref
(
getShowTopMenu
)
&&
(
<
div
class
=
{
[
`layout-header__menu `
]
}
style
=
{
{
width
:
`calc(100% -
${
width
}
px)`
}
}
>
// <div class={[`layout-header__menu `]} style={{ width: `calc(100% - ${width}px)` }}>
<
div
class
=
{
[
`layout-header__menu `
]
}
>
<
LayoutMenu
isHorizontal
=
{
true
}
class
=
{
`justify-
${
unref
(
getTopMenuAlign
)}
`
}
...
...
src/router/scrollBehaviour.ts
浏览文件 @
0c2e72d2
...
...
@@ -40,7 +40,7 @@ class ScrollQueue {
add
()
{
this
.
promise
=
new
Promise
((
resolve
)
=>
{
this
.
resolve
=
resolve
;
this
.
resolve
=
resolve
as
()
=>
void
;
});
}
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录