layui toolbar使用

layui是一款轻量级的前端UI框架，它的toolbar组件主要用于构建工具栏或导航栏，常用于页面头部、侧边栏等位置，提供常用的功能按钮集合。使用layui的toolbar，你可以按照以下步骤操作：

1. 引入layui库文件：首先需要在HTML中引入layui.css和layui.js文件。

<link rel="stylesheet" href="layui/css/layui.css">
<script src="layui/layui.js"></script>

2. 初始化toolbar：在JavaScript中，通过`layui.use()`方法初始化toolbar组件，并创建一个新的实例。

layui.use('toolbar', function(){
    var toolbar = layui.toolbar;
    // 创建一个toolbar容器
    toolbar.render({
        elem: '#toolbarDemo', // 绑定到某个DOM元素
        items: [{// 定义按钮配置
            type: 'btn', // 按钮类型
            title: '功能1', // 显示的文字
            click: function(){ // 点击事件处理函数
                console.log('点击了第一个按钮');
            }
        }, {
            title: '功能2',
            // 类似于此添加其他按钮配置...
        }]
    });
});

在以上代码中，`elem`属性指定了toolbar所在的元素ID，`items`数组定义了工具栏的各项内容，包括文字标题和点击后的回调函数。