layui 第三方組件平臺

返回首頁 發(fā)布組件

簡易的上下左右抽屜效果

創(chuàng)建:2021-3-18

文檔

         <div id="drawer">
<div id="side" style="display:none;">
<i class="layui-icon layui-icon-set" id='tig'></i>
</div>

1.在使用頁面引入模塊
layui.config({
base: './js/'
}).extend({
drawer: 'layDrawer'
});

layui.use(['drawer'], function () {
var drawer = layui.drawer;
drawer.render({
//trigger和elem只能為id
trigger: '#tig'
, elem: '#side'
//top bottom left right 默認為left
, position: 'right'
//默認為230 可以填百分比
, specs: '230'
, open: function () {
layer.msg("打開")
}
, close: function () {
layer.msg("關(guān)閉")
}
});
});

下載

立即下載 去碼云下載
該擴展組件由第三方用戶主動投遞,并由其自身進行維護,本站僅做收集。