<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                ThinkChat2.0新版上線,更智能更精彩,支持會話、畫圖、視頻、閱讀、搜索等,送10W Token,即刻開啟你的AI之旅 廣告
                #### `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) }); ````
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看