## 彈出式菜單
### 基本類名
`.mui-actionsheet`
### 使用方式
#### HTML
```html
<div class="mui-actionsheet" id="demo-mui-actionsheet">
<div class="mui-actionsheet--overlay js-mui-actionsheet--close"></div>
<div class="mui-actionsheet--body">
<div class="mui-actionsheet--menu">
<div class="mui-actionsheet--item">示例菜單</div>
<div class="mui-actionsheet--item">示例菜單</div>
<div class="mui-actionsheet--item">示例菜單</div>
<div class="mui-actionsheet--item">示例菜單</div>
</div>
<div class="mui-actionsheet--action">
<div class="mui-actionsheet--item js-mui-actionsheet--close">取消</div>
</div>
</div>
</div>
```
#### 展開
只需給 `mui-actionsheet` 添加 `mui-actionsheet--open` 樣式, 關閉,則移除該樣式
#### 示例
```javascript
var $actionsheet = document.getElementById('demo-mui-actionsheet');
//打開
document.getElementById('js-actionsheet').addEventListener('click', function () {
$actionsheet.classList.add('mui-actionsheet--open');
});
//關閉
[].forEach.call(document.getElementsByClassName('js-mui-actionsheet--close'), function(node) {
node.addEventListener('click', function () {
$actionsheet.classList.remove('mui-actionsheet--open');
});
});
```
