添加区块

addBlock('类型', '标题', '列表')

侧栏构建器内置了四种不同类型的区块,分别是recent、online、switch、html。

recent

一般用于展示最近事项,列表数据是一个数组,每个元素可以定义4个参数:title、link、tips、icon。

参数含义
title标题
link链接
tips提示
icon字体图标
  1. $recent_list = [
  2. [
  3. 'title' => '最近编辑文件',
  4. 'link' => [
  5. 'title' => '<i class="fa fa-file-text-o"></i> Documentation.doc',
  6. 'url' => url('index')
  7. ],
  8. 'tips' => '15 分钟前',
  9. 'icon' => 'si si-pencil text-info'
  10. ],
  11. [
  12. 'title' => '最近删除文件',
  13. 'link' => [
  14. 'title' => '<i class="fa fa-file-text-o"></i> Documentation2.doc',
  15. 'url' => url('index')
  16. ],
  17. 'tips' => '4 小时前',
  18. 'icon' => 'si si-close text-danger'
  19. ]
  20. ];
  21. // 使用ZBuilder快速侧栏
  22. ZBuilder::make('aside')->addBlock('recent', '最近事项', $recent_list);

添加区块 - 图1

online

一般用于展示在线用户,每个元素可以定义5个参数:name、link、tips、online、avatar。

参数含义
name用户名
link链接
tips提示
online在线状态:1或0
avatar头像
  1. $online_list = [
  2. [
  3. 'name' => '张三',
  4. 'link' => url('index'),
  5. 'avatar' => '/static/admin/img/avatar.jpg',
  6. 'online' => 1,
  7. 'tips' => '村支书'
  8. ],
  9. [
  10. 'name' => '李四',
  11. 'link' => url('index'),
  12. 'avatar' => '/static/admin/img/avatar.jpg',
  13. 'online' => 1,
  14. 'tips' => '主任'
  15. ],
  16. [
  17. 'name' => '王五',
  18. 'link' => url('index'),
  19. 'avatar' => '/static/admin/img/avatar.jpg',
  20. 'online' => 0,
  21. 'tips' => '小职员'
  22. ]
  23. ];
  24. // 使用ZBuilder快速侧栏
  25. ZBuilder::make('aside')->addBlock('online', '在线用户', $online_list);

添加区块 - 图2

switch

一般用于某些参数状态的设置,每个元素有6个参数:title、tips、checked、table、id、field。

参数含义
title标题
tips提示
checked开关状态:1或0
table数据表名
id主键值
field字段名
  1. $settings = [
  2. [
  3. 'title' => '站点开关',
  4. 'tips' => '站点关闭后将不能访问',
  5. 'checked' => Db::name('admin_config')->where('id', 1)->value('value'),
  6. 'table' => 'admin_config',
  7. 'id' => 1,
  8. 'field' => 'value'
  9. ]
  10. ];
  11. // 使用ZBuilder快速侧栏
  12. ZBuilder::make('aside')->addBlock('switch', '系统设置', $settings);

添加区块 - 图3

html

也可以直接输入html代码

  1. $html = '<h1>自定义代码</h1>';
  2. // 使用ZBuilder快速侧栏
  3. ZBuilder::make('aside')->addBlock('html', $html);

添加区块 - 图4

支持传入变量

  1. $html = '<h1>{$title}</h1>';
  2. // 使用ZBuilder快速侧栏
  3. ZBuilder::make('aside')->addBlock('html', $html, ['title' => '自定义代码']);

以上4种类型可以一起使用

  1. ZBuilder::make('aside')
  2. ->addBlock('html', $html, ['title' => '自定义代码'])
  3. ->addBlock('online', '在线用户', $online_list)
  4. ->addBlock('recent', '最近事项', $recent_list)
  5. ->addBlock('switch', '系统设置', $settings);

添加区块 - 图5