如何在vuetify标签<v-icon> </v-icon>中使用圆形图标?

时间:2020-10-26 18:07:21

标签: vue.js vuetify.js

我想在vuetify随附的v-icon标签内使用圆形的材料图标。 我在stackoverflow上尝试了所有内容...

<v-icon>announcement</v-icon>

2 个答案:

答案 0 :(得分:0)

v-btnfab属性一起使用

答案 1 :(得分:0)

如此处所述:How to use the new Material Design Icon themes: Outlined, Rounded, Two-Tone and Sharp?

您可以在index.html文件中添加Material + Icons + Round字体系列:

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Round">

您现在可以通过在v-icon中添加“ material-icons-round”类来对图标进行四舍五入:

<v-icon class='material-icons-round'>east</v-icon>

仅在Vuejs 2.x和Vuetify的最新可用版本中进行了尝试-截至12月。 2020年-这非常简单!希望对您有帮助!