spz-sidebar 抽屉
屏幕边缘滑出的浮层面板。
布局
布局
跳转到“布局”何时使用
跳转到“何时使用”当需要一个附加的面板来做更进一步的操作，不离开当前页面，这个面板在需要的时候才会打开。例如：快速加购弹窗。
代码演示
跳转到“代码演示”基本用法
跳转到“基本用法”基础抽屉，点击触发按钮抽屉从左滑出，点击遮罩区关闭。
<button @tap="sidebar.open">Open</button>
<spz-sidebar layout="nodisplay" side="left" id="sidebar">
<div class="sidebar-wrapper">
<div class="sidebar-header">
<h3>Basic Drawer</h3>
<button @tap="sidebar.close">Close</button>
</div>
<div>Some contents...</div>
<div>Some contents...</div>
<div>Some contents...</div>
</div>
</spz-sidebar>属性
跳转到“属性”| 属性名 | 说明 | 类型 | 默认值 | 是否必需 |
|---|---|---|---|---|
| side | 打开的方向：left, right, bottom, top |
string | - | 是 |
| disable-unmount | 如果该属性存在，关闭抽屉后不卸载里面的内容 | - | - | 否 |
方法
跳转到“方法”open
跳转到“open”打开抽屉，不需要参数。
close
跳转到“close”关闭抽屉，不需要参数。