javascript - 自定义 webix header

Question

是否可以像图中那样自定义 webix UI header 1 。我想提供图像、标题、带有注销按钮的欢迎用户行以及用于导航到其他页面的菜单栏？请点击1您将获得图像。

Answer 1

是的，您可以使用工具栏小部件来实现这一点:

{
  view:'toolbar', 

  css:'header', 
  elements: [
    { view: "label", label: "", width: 100, height: 38, css:'app-logo' },
    { view: "label", label: "My app" },
    {},
    {
      view: "button",
      type: "icon",
      id: 'app:toolbar:current_user_menu',
      icon: 'user',
      borderless: true,
      autowidth: true,
      label: 'Jean bombeur'
    }
   ]

}

然后自定义 app-logo css 类以获得 Logo 的背景图像。

查看演示片段:http://webix.com/snippet/4f6131d3