taolin/docs_vue2
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix: fix target clear logic

Browse Source
This commit is contained in:
Justineo 2021-10-20 10:59:36 +08:00
parent 483e4b6c67
commit e06e507702
No known key found for this signature in database
GPG Key ID: B73F0979CF18A0EA
2 changed files with 18 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
assets/styles/post.styl
View File

@ -322,7 +322,7 @@ margin-y($top, $bottom = $top)
[data-target] [data-target]
outline 2px solid transparent outline 2px solid transparent
outline-offset -1px outline-offset -1px
animation target-blink 3s ease 1 both animation target-blink 5s ease 1 both
.hljs-attr .hljs-attr
color #c5e478 color #c5e478
@ -331,10 +331,11 @@ margin-y($top, $bottom = $top)
0% 0%
outline-color #8fbcff outline-color #8fbcff
5% 3%
15% 9%
outline-color #0052cc outline-color #0052cc
10% 6%
12%
80% 80%
outline-color #8fbcff outline-color #8fbcff

12
plugins/target.js
View File

@ -1,15 +1,19 @@
export default ({ app }) => { let target
let target
document.documentElement.addEventListener('click', () => { function clearTarget () {
if (!target) { if (!target) {
return return
} }
delete target.dataset.target delete target.dataset.target
}) }
export default ({ app }) => {
document.documentElement.addEventListener('click', clearTarget)
app.router.afterEach(to => { app.router.afterEach(to => {
clearTarget()
if (!to.hash) { if (!to.hash) {
return return
} }