#### `sidemenu側滑菜單`
[預覽](https://aui-js.github.io/aui/pages/api/plugs/sidemenu.html) </br>
參數 | 類型 | 描述 | 默認值 | 必選
---- | ----- | ------ | ----- | ----
warp | string | 父容器元素 | 'body' | 否
content | string | 側滑菜單元素 | '' | 是
moves | arr | 跟隨拖動元素;</br>[header——頁面頭部, .content——頁面內容部分] (moveType設置為"all-move" 或 "menu-move"時,此參數必須配置 | [] | 是
moveType | string | ['main-move': '主頁面移動,側滑菜單固定'] </br> ['menu-move': '側滑菜單移動,主頁面固定'] </br> ['all-move': '主頁面+側滑菜單都移動'] | 'main-move' | 否
position | string | 側滑菜單初始化位置,默認位于頁面左側 [left: '左側', right: '右側'] | 'left' | 否
mask | boolean | 是否顯示遮罩蒙版 | true | 否
maskTapClose | boolean | 觸摸遮罩是否關閉側滑菜單 | true | 否
speed | number | 打開、關閉頁面速度[值越大,速度越快] | 10 | 否
drag | object | {</br> use: true, //--可選參數,是否開啟拖動打開、關閉菜單[true: 開啟 , false: 關閉] </br> start: null, //--可選參數,開始拖動回調 </br> move: null, //--可選參數,拖動中回調 </br> end: null, //--可選參數,拖動結束</br>} | {} | 否
style | object | 設置樣式 | {</br>w: '80vw',</br> h: '100vh',</br> bg: '#333'</br>} | 否
````html
<link rel="stylesheet" type="text/css" href="https://aui-js.github.io/aui/static/css/aui.min.css"/>
<link rel="stylesheet" type="text/css" href="https://aui-js.github.io/aui/static/css/aui.sidemenu.css"/>
<script type="text/javascript" src="https://aui-js.github.io/aui/static/js/aui.min.js"></script>
<script type="text/javascript" src="https://aui-js.github.io/aui/static/js/aui.sidemenu.js"></script>
````
> 初始化:
````javascript
aui.sidemenu.init({
warp: '.aui-container',
content: '#aui-sidemenu-wapper',
position: 'left',
moveType: 'main-move',
moves: ['.aui-container'],
mask: true,
maskTapClose: true,
drag: {
use: true,
//start: _this.dragcallback,
//move: _this.dragcallback,
end: function(ret){
console.log(ret)
}
},
style: {
w: '70vw',
h: '100vh',
bg: '#333'
},
}).then(function(ret){
console.log(ret)
});
````
> 設置配置數據:
````javascript
aui.sidemenu.setData({
moveType: 'all-move',
}).then(function(ret){
//console.log(ret)
});
````
> 打開側滑菜單:
````javascript
aui.sidemenu.open({
moveType: 'main-move',
speed: 10,
}).then(function(ret){
console.log(ret)
});
````
> 關閉側滑菜單:
````javascript
aui.sidemenu.close({speed: 10}).then(function(ret){
console.log(ret)
});
````