feat(event): Collapse the sidebar when click outside element in the small screen

This commit is contained in:
qingwei.li 2017-04-09 12:44:23 +08:00
commit 9b7e5f5814

View file

@ -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 () {