Quasar q-icon 使用资产文件夹中的图标

Question

我的 assets 文件夹 中有一个名为“home.svg”的图标。如何引导我的 q-icon 组件获取 assets/ 目录中的图标。

我试过这样申请：

  <q-icon name="img:/assets/home.svg" class="text-dark" style="font-size: 32px;" />

但图像未被渲染。

Answer 1

您想使用 default 插槽。并查看 Asset Resolving Rules。

<q-icon class="text-dark" size="lg">
  <img src="~assets/home.svg" />
</q-icon>

Quasar q-icon to use icon in assets folder