设置单个tab内容

setTabCon('tab名', 'tab内容')

  1. $tab_list = [
  2.     'tabs-1' => '<i class="fa fa-fw fa-coffee"></i> Tab1',
  3.     'tabs-2' => '<i class="fa fa-fw fa-line-chart"></i> Tab2'
  4. ];
  6. $recent_list = [
  7.     [
  8.         'title' => '最近编辑文件',
  9.         'link' => [
  10.             'title' => '<i class="fa fa-file-text-o"></i> Documentation.doc',
  11.             'url' => url('index')
  12.             ],
  13.         'tips' => '15 分钟前',
  14.         'icon' => 'si si-pencil text-info'
  15.     ],
  16.     [
  17.         'title' => '最近删除文件',
  18.         'link' => [
  19.             'title' => '<i class="fa fa-file-text-o"></i> Documentation2.doc',
  20.             'url' => url('index')
  21.         ],
  22.         'tips' => '4 小时前',
  23.         'icon' => 'si si-close text-danger'
  24.     ]
  25. ];
  27. $settings = [
  28.     [
  29.         'title'   => '站点开关',
  30.         'tips'    => '站点关闭后将不能访问',
  31.         'checked' => Db::name('admin_config')->where('id', 1)->value('value'),
  32.         'table'   => 'admin_config',
  33.         'id'      => 1,
  34.         'field'   => 'value'
  35.     ]
  36. ];
  38. ZBuilder::make('aside')
  39.     ->setTabNav($tab_list, 'tabs-1')
  40.     ->setTabCon('tabs-1', [
  41.         ['recent', '最近事项', $recent_list]
  42.     ])
  43.     ->setTabCon('tabs-2', [
  44.         ['switch', '系统设置', $settings]
  45.     ]);

这样就可以切换不同的tab，显示不同的内容。

设置单个tab内容 - 图1

设置单个tab内容 - 图2

一个tab内容可设置多项内容

  1. ZBuilder::make('aside')
  2.     ->setTabNav($tab_list, 'tabs-1')
  3.     ->setTabCon('tabs-1', [
  4.         ['recent', '最近事项', $recent_list],
  5.         ['switch', '系统设置', $settings]
  6.     ]);