feat(event): Collapse the sidebar when click outside element in the small screen
This commit is contained in:
parent
432bcfb54b
commit
9b7e5f5814
1 changed files with 11 additions and 6 deletions
|
|
@ -7,17 +7,22 @@ const title = dom.$.title
|
||||||
* Toggle button
|
* Toggle button
|
||||||
*/
|
*/
|
||||||
export function btn (el) {
|
export function btn (el) {
|
||||||
const toggle = () => dom.body.classList.toggle('close')
|
const toggle = _ => dom.body.classList.toggle('close')
|
||||||
|
|
||||||
el = dom.getNode(el)
|
el = dom.getNode(el)
|
||||||
dom.on(el, 'click', toggle)
|
dom.on(el, 'click', e => {
|
||||||
|
e.stopPropagation()
|
||||||
|
toggle()
|
||||||
|
})
|
||||||
|
|
||||||
const sidebar = dom.getNode('.sidebar')
|
const sidebar = dom.getNode('.sidebar')
|
||||||
|
|
||||||
dom.on(sidebar, 'click', () => {
|
isMobile && dom.on(dom.body, 'click', _ =>
|
||||||
isMobile && toggle()
|
dom.body.classList.contains('close') && toggle()
|
||||||
setTimeout(() => getAndActive(sidebar, true, true), 0)
|
)
|
||||||
})
|
dom.on(sidebar, 'click', _ =>
|
||||||
|
setTimeout((_ => getAndActive(sidebar, true, true), 0))
|
||||||
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
export function sticky () {
|
export function sticky () {
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue