侧栏
可以从左侧或者右侧滑出的面板。
使用侧栏
在任何元素上增加 .open-panel
类都可以使它能点击打开侧栏。如果有多个侧栏,你可以通过 data-panel='{panel的选择}'
来指定具体打开哪一个侧栏
在任何元素上增加 .close-panel
类都可以使他点击关闭侧栏,因为侧栏只能同时打开一个,所以关闭的时候你不用指定是哪一个侧栏。
可以通过 .panel-left
或者 .panel-right
来指定侧栏是从左边还是右边出现。
可以通过 .panel-cover
或者 .panel-reveal
指定侧栏是覆盖在页面上还是推开页面。
配置
默认配置下,侧栏可以通过滑动手势打开,但是不能通过滑动手势关闭。
你可以通过 $.config.swipePanel
, $.config.swipePanelOnlyClose
等参数来配置。具体配置请参见 初始化参数
侧栏
这是一个侧栏
使用侧栏的时候请注意,务必用 .page
容器把 .bar
和 .content
包裹起来。