Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
gyf5267218
vue-element-admin
提交
96774060
V
vue-element-admin
项目概览
gyf5267218
/
vue-element-admin
与 Fork 源项目一致
从无法访问的项目Fork
通知
4
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
V
vue-element-admin
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
未验证
提交
96774060
编写于
3月 05, 2019
作者:
花
花裤衩
提交者:
GitHub
3月 05, 2019
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
perf[TagsView]: set the scrollPane as a business component (#1660)
上级
1e06f1da
变更
3
隐藏空白更改
内联
并排
Showing
3 changed file
with
11 addition
and
8 deletion
+11
-8
src/views/layout/components/TagsView/ScrollPane.vue
src/views/layout/components/TagsView/ScrollPane.vue
+8
-2
src/views/layout/components/TagsView/index.vue
src/views/layout/components/TagsView/index.vue
+2
-5
src/views/layout/components/index.js
src/views/layout/components/index.js
+1
-1
未找到文件。
src/
components/ScrollPane/index
.vue
→
src/
views/layout/components/TagsView/ScrollPane
.vue
浏览文件 @
96774060
...
...
@@ -14,16 +14,21 @@ export default {
left
:
0
}
},
computed
:
{
scrollWrapper
()
{
return
this
.
$refs
.
scrollContainer
.
$refs
.
wrap
}
},
methods
:
{
handleScroll
(
e
)
{
const
eventDelta
=
e
.
wheelDelta
||
-
e
.
deltaY
*
40
const
$scrollWrapper
=
this
.
$refs
.
scrollContainer
.
$refs
.
wrap
const
$scrollWrapper
=
this
.
scrollWrapper
$scrollWrapper
.
scrollLeft
=
$scrollWrapper
.
scrollLeft
+
eventDelta
/
4
},
moveToTarget
(
currentTag
)
{
const
$container
=
this
.
$refs
.
scrollContainer
.
$el
const
$containerWidth
=
$container
.
offsetWidth
const
$scrollWrapper
=
this
.
$refs
.
scrollContainer
.
$refs
.
wrap
const
$scrollWrapper
=
this
.
scrollWrapper
const
tagList
=
this
.
$parent
.
$refs
.
tag
let
firstTag
=
null
...
...
@@ -44,6 +49,7 @@ export default {
const
currentIndex
=
tagList
.
findIndex
(
item
=>
item
===
currentTag
)
const
prevTag
=
tagList
[
currentIndex
-
1
]
const
nextTag
=
tagList
[
currentIndex
+
1
]
// the tag's offsetLeft after of nextTag
const
afterNextTagOffsetLeft
=
nextTag
.
$el
.
offsetLeft
+
nextTag
.
$el
.
offsetWidth
+
tagAndTagSpacing
...
...
src/views/layout/components/TagsView.vue
→
src/views/layout/components/TagsView
/index
.vue
浏览文件 @
96774060
...
...
@@ -26,7 +26,7 @@
</
template
>
<
script
>
import
ScrollPane
from
'
@/components
/ScrollPane
'
import
ScrollPane
from
'
.
/ScrollPane
'
import
{
generateTitle
}
from
'
@/utils/i18n
'
import
path
from
'
path
'
...
...
@@ -90,7 +90,6 @@ export default {
}
}
})
return
tags
},
initTags
()
{
...
...
@@ -115,12 +114,10 @@ export default {
for
(
const
tag
of
tags
)
{
if
(
tag
.
to
.
path
===
this
.
$route
.
path
)
{
this
.
$refs
.
scrollPane
.
moveToTarget
(
tag
)
// when query is different then update
if
(
tag
.
to
.
fullPath
!==
this
.
$route
.
fullPath
)
{
this
.
$store
.
dispatch
(
'
updateVisitedView
'
,
this
.
$route
)
}
break
}
}
...
...
@@ -178,8 +175,8 @@ export default {
}
else
{
this
.
left
=
left
}
this
.
top
=
e
.
clientY
this
.
top
=
e
.
clientY
this
.
visible
=
true
this
.
selectedTag
=
tag
},
...
...
src/views/layout/components/index.js
浏览文件 @
96774060
export
{
default
as
Navbar
}
from
'
./Navbar
'
export
{
default
as
Sidebar
}
from
'
./Sidebar/index.vue
'
export
{
default
as
TagsView
}
from
'
./TagsView
'
export
{
default
as
TagsView
}
from
'
./TagsView
/index.vue
'
export
{
default
as
AppMain
}
from
'
./AppMain
'
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录