layui按钮下拉

分享 未结
1 100
胡汉三
胡汉三 7天前
悬赏:20飞吻
结合layui折叠面板和按钮
demo效果





代码
<div class="layui-collapse layui-btn">
<div class="layui-colla-item">
<h2 class="layui-colla-title layui-btn-bg" style="background-color: #009688">导出订单</h2>
<div class="layui-colla-content">
<span class="layui-btn" data-status='1'>已付款订单</span>
<span class="layui-btn" data-status='0'>未付款订单</span>
</div>
<div class="layui-colla-content">
<span class="layui-btn" data-status='-1'>已退款订单</span>
<span class="layui-btn" data-status='0'>已取消订单</span>
</div>
<div class="layui-colla-content">
<span class="layui-btn" data-status='time'>选择时间段</span>
<span class="layui-btn layui-btn-normal" data-status='all'>全 部 订 单</span>
</div>
</div>
</div>
回帖