"app-drawer"是一個(gè)由polymer編寫(xiě)的抽屜組件埂淮，demo可看這里赔硫。
"app-drawer"由官方polymer團(tuán)隊(duì)維護(hù)著，屬于app-layout項(xiàng)目每窖。
API可看這里。
"app-drawer"提供了很多可定制的功能弦悉，且可獨(dú)立使用（有些人可能認(rèn)為必須配合app-drawer-layout，其實(shí)不需要）蟆炊；下面會(huì)以cookbook的形式來(lái)描述怎么使用它強(qiáng)大的功能稽莉。
大家最好同時(shí)打開(kāi)著這個(gè)jsbin來(lái)實(shí)踐一番。
#1涩搓，打開(kāi)/關(guān)閉drawer
let drawer = document.querySelector('app-drawer');
// 打開(kāi)drawer
drawer.open();
// 關(guān)閉drawer
drawer.close();
// 通過(guò)設(shè)置opened屬性來(lái)打開(kāi)/關(guān)閉drawer
drawer.opened = true
// toggle污秆，打開(kāi)時(shí)關(guān)閉，關(guān)閉時(shí)打開(kāi)
drawer.toggle()
#2昧甘，將drawer放置在右方
設(shè)置align屬性（默認(rèn)為left）為right：
<app-drawer align="right">
</app-drawer>
查看jsbin良拼。
#3，將drawer固定
可以通過(guò)設(shè)置persistent來(lái)將drawer固定充边，固定后依然能夠關(guān)閉/打開(kāi)庸推，但遮罩會(huì)消失常侦。注意，如果你不特殊處理贬媒，它是會(huì)擋住下層內(nèi)容的聋亡。
<app-drawer persistent opened>
</app-drawer>
#4际乘，設(shè)置drawer的打開(kāi)/關(guān)閉的動(dòng)畫(huà)時(shí)長(zhǎng)
可以設(shè)置transitionDuration來(lái)控制動(dòng)畫(huà)時(shí)長(zhǎng)：
<app-drawer transition-duration="1000">
<h2>Drawer</h2>
</app-drawer>
查看jsbin坡倔。
#5，屏幕邊緣滑動(dòng)來(lái)打開(kāi)drawer
設(shè)置swipeOpen為true：
<app-drawer swipe-open>
<h2>Drawer</h2>
</app-drawer>
