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

【问题标题】：Add Logo on the left of the toolbar in the PWA starter kit在 PWA 入门工具包的工具栏左侧添加 Logo
【发布时间】：2018-11-26 16:30:03
【问题描述】：

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

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

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

【问题讨论】：

标签： polymer polymer-starter-kit

【解决方案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

【讨论】：