mirror of https://github.com/layui/layui
38 lines
1.0 KiB
Markdown
38 lines
1.0 KiB
Markdown
<div class="layui-btn-container">
|
|
<button class="layui-btn layui-btn-primary demo-dropdown-align" lay-options="{}">
|
|
左对齐
|
|
<i class="layui-icon layui-icon-down layui-font-12"></i>
|
|
</button>
|
|
<button class="layui-btn layui-btn-primary demo-dropdown-align" lay-options="{align: 'center'}">
|
|
居中对齐
|
|
<i class="layui-icon layui-icon-down layui-font-12"></i>
|
|
</button>
|
|
<button class="layui-btn layui-btn-primary demo-dropdown-align" lay-options="{align: 'right'}">
|
|
右对齐
|
|
<i class="layui-icon layui-icon-down layui-font-12"></i>
|
|
</button>
|
|
</div>
|
|
|
|
<!-- import layui -->
|
|
<script>
|
|
layui.use(function(){
|
|
var dropdown = layui.dropdown;
|
|
|
|
// 水平对齐方式
|
|
dropdown.render({
|
|
elem: '.demo-dropdown-align',
|
|
// align: 'center' // align 已配置在元素 `lay-options` 属性上
|
|
data: [{
|
|
title: 'menu item test 111',
|
|
id: 100
|
|
},{
|
|
title: 'menu item test 222',
|
|
id: 101
|
|
},{
|
|
title: 'menu item test 333',
|
|
id: 102
|
|
}]
|
|
});
|
|
|
|
});
|
|
</script> |