在PWA入门工具包的工具栏左侧添加徽标

Question

如何在PWA入门套件的工具栏左侧添加徽标？ 我正在使用这个PWA入门套件：https://pwa-starter-kit.appspot.com/

结果应该像聚合物网站上的工具栏一样：

https://www.polymer-project.org/

Answer 1

作为app-toolbar结构

<app-toolbar class="toolbar-top" style="transform: translate3d(0px, 0px, 0px);">
  <button class="menu-btn" title="Menu"><!----><svg height="24" viewBox="0 0 24 24" width="24"><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"></path></svg><!----></button>
  <div main-title=""><!---->my app<!----></div>
</app-toolbar>

使用您的徽标或活动替换<div main-title=""><!---->my app<!----></div>自定义布局应该有效

要使用app-toolbar组件，请转到webcomponents.org docs