如何模拟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>的行和列包含图像，然后在其下方居中<p>。