使用方式

<link rel="stylesheet" href="/components/style/drawer.css" type="text/css" />
<script defer src="/components/js/drawer.js" type="text/javascript"></script>
<button
  class="st_button st_button_primary is_plain"
  size="mini"
  onclick="drawer.open('drawer1')"
>
  点击打开抽屉
</button>
<div class="st_drawer_wrapper" id="drawer1">
  <div class="st_drawer_container">
    <div class="st_drawer rtl">
      <div class="st_drawer_header">
        <span>我是标题</span>
        <i class="stIconFont icon-yemianguanbi close_drawer"></i>
      </div>
      <div class="st_drawer_body">
        <span>我是内容</span>
      </div>
    </div>
  </div>
</div>

属性

属性 说明 类型 可选值 默认值
class 抽屉弹出位置 string ltr/rtl/ttb/btt rtl

方法

方法 说明 参数
open 打开抽屉 (id)
close 关闭抽屉 (id)