mirror of
https://github.com/layui/layui.git
synced 2026-02-09 02:09:18 +08:00
8de16c9bd7
* fix(dropdown): 同步 #2946 * fix(table): 同步 #2954 * fix(menu): 同步 #2955 * fix(table): 同步 #2964 #2970 * fix(flow): 同步 #2965 * test: 更新用于可视化测试用例的资源 * docs: 同步 2.x 文档
1.4 KiB
1.4 KiB
自定义内容
<style>
.demo-dropdown-tabs{padding: 11px 16px 0;}
</style>
<script>
layui.use(function() {
var dropdown = layui.dropdown;
var tabs = layui.tabs;
// 自定义内容
dropdown.render({
elem: '#ID-dropdown-demo-content',
content: ['
',
'
'].join(''),
className: 'demo-dropdown-tabs',
style: 'width: 390px; box-shadow: 1px 1px 30px rgb(0 0 0 / 12%);',
// shade: 0.3, // 弹出时开启遮罩 --- 2.8+
ready: function(elem) {
tabs.render({
elem: elem.find('.layui-tabs')
});
}
});
});
</script>
- ',
'
- Tab Header1 ', '
- Tab Header2 ', '
- Tab Header3 ', '
',
'',
'
',
'在 content 属性中传入任意的 html 内容，可替代默认的下拉菜单结构，从而实现更多有趣的弹出内容。
是否发现，dropdown 组件不仅仅只是一个下拉菜单或者右键菜单，它能被赋予许多的想象可能。
Tab Content2
',
'Tab Content3
',
'