Google 收件箱列表要使用哪些元素

Question

使用 Polymer 哪些元素可用于制作项目列表（单击时弹出卡片），例如 Google 收件箱中的电子邮件列表？

Answer 1

以下内容可能对您有用。

• paper-listbox 可能对表示邮件列表很有用
• paper-dialog 可用于显示点击时应出现的弹出窗口

Answer 2

查看 Chrome 扩展 Polymer Ready，它告诉您页面正在使用哪些元素。您应该可以 运行 在 Google 收件箱中查看他们是如何创建它的

Answer 3

我最终使用的是 iron-collapse element inside a card (I mostly use paper-material 适用于所有类似卡片的样式）。

收件箱使用了几个技巧来将注意力集中在选定的 card/email 上，但我最终都没有应用。但应该很容易将聚焦的卡片抬高并扩大其左右宽度。