我如何使用带有 q-btn 的图标(vuejs,类星体作为插件)
How can I use an icon with q-btn (vuejs, quasar as a plugin)
我一直在努力完成这项工作:
<q-btn flat round icon="logo-linkedin" />
但是一点用都没有!
这是它在 ionicons 上的样子:
<ion-icon name="logo-linkedin"></ion-icon>
尽管 quasar-user-options.js
文件中包含所有可能的导入:
import "./styles/quasar.scss";
import "@quasar/extras/roboto-font/roboto-font.css";
import "@quasar/extras/material-icons/material-icons.css";
import "@quasar/extras/material-icons-outlined/material-icons-outlined.css";
import "@quasar/extras/material-icons-round/material-icons-round.css";
import "@quasar/extras/material-icons-sharp/material-icons-sharp.css";
import "@quasar/extras/fontawesome-v5/fontawesome-v5.css";
import "@quasar/extras/ionicons-v4/ionicons-v4.css";
import "@quasar/extras/mdi-v4/mdi-v4.css";
import "@quasar/extras/eva-icons/eva-icons.css";
import { Notify } from "quasar";
export default {
config: {},
plugins: { Notify },
};
我错过了什么?
好的,感谢 Discord 和 Github 讨论中的各位,这现在有效了:
import "./styles/quasar.scss";
import iconSet from "quasar/icon-set/ionicons-v4";
import "@quasar/extras/ionicons-v4/ionicons-v4.css";
import { Notify } from "quasar";
export default {
config: {
iconSet,
},
plugins: { Notify },
};
然后:
<q-btn flat round icon="ion-logo-linkedin" />
我一直在努力完成这项工作:
<q-btn flat round icon="logo-linkedin" />
但是一点用都没有!
这是它在 ionicons 上的样子:
<ion-icon name="logo-linkedin"></ion-icon>
尽管 quasar-user-options.js
文件中包含所有可能的导入:
import "./styles/quasar.scss";
import "@quasar/extras/roboto-font/roboto-font.css";
import "@quasar/extras/material-icons/material-icons.css";
import "@quasar/extras/material-icons-outlined/material-icons-outlined.css";
import "@quasar/extras/material-icons-round/material-icons-round.css";
import "@quasar/extras/material-icons-sharp/material-icons-sharp.css";
import "@quasar/extras/fontawesome-v5/fontawesome-v5.css";
import "@quasar/extras/ionicons-v4/ionicons-v4.css";
import "@quasar/extras/mdi-v4/mdi-v4.css";
import "@quasar/extras/eva-icons/eva-icons.css";
import { Notify } from "quasar";
export default {
config: {},
plugins: { Notify },
};
我错过了什么?
好的,感谢 Discord 和 Github 讨论中的各位,这现在有效了:
import "./styles/quasar.scss";
import iconSet from "quasar/icon-set/ionicons-v4";
import "@quasar/extras/ionicons-v4/ionicons-v4.css";
import { Notify } from "quasar";
export default {
config: {
iconSet,
},
plugins: { Notify },
};
然后:
<q-btn flat round icon="ion-logo-linkedin" />