如何模拟 Google 应用程序模式？

Question

在 Google 的所有应用程序上，它们都有一个小的 apps 按钮 (https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_apps_black_24px.svg)，可以打开如下所示的模式：

我将如何模拟这种模式类型（模式和带标签的图标）？我正在使用 VueJS 和 Vue Material，但我有一种强烈的感觉，这超出了两者的范围。

Answer 1

你或许可以使用 flexbox 来创建一个类似表格的布局，其中行和列为 <span>s 和图像，然后在其下方居中 <p>。