Где я могу найти список значков для использования в vuetify?
Вы можете добавить значок типа <v-icon>backup</v-icon>, но я не могу найти список поддерживаемых слов для использования внутри тега v-icon. Есть списки для Иконки Материального Дизайна и Font Awesome Иконки, но как насчет стандартных?
Ответы 5
Ok. Я обнаружил в Документация по значкам Vuetify, что Значки материалов от Google будет использоваться по умолчанию.
Keep in mind that Material Icons are different from Material Design Icons!!!
Я сначала этого не заметил. Это было мое замешательство.
https://materialdesignicons.com/
Vuetify использует Иконки Материального Дизайна по умолчанию, а не значки материалов.
Спасибо ... Супер полезный ваш комментарий, я не знал, что есть разница между значками материалов и значками дизайна материалов, пока я не прочитал ваш комментарий, я подумал, что это одно и то же, но с разными именами.
Это CSS, который он импортирует по умолчанию, вы можете увидеть список всех значков: cdn.jsdelivr.net/npm/@mdi/font@latest/css/… Как отмечали другие, он включает некоторые значки материалов, но не все из них.
// Use this code.
<v-btn color = "error" fab small dark
@click = "yoursFunc()">
<v-icon>list</v-icon>
</v-btn>
Из этого официального док. vuetifyjs использует материальные иконки.
The v-icon component provides a large set of glyphs to provide context to various aspects of your application. Vuetify icons utilize Google's Material Icons font library. For a list of all available icons, visit the official Material Icons page.
Измените имя внутри, и вы получите другой значок:
<v-icon>home</v-icon>
<v-icon>close</v-icon>
Найдите подходящее название для своего приложения из: https://material.io/tools/icons/?style=baseline
попробуй сделать: <v-icon>mdi-home</v-icon>
Я думаю, что ответ на значки списка Vuetify находится на этом сайте ниже: https://materialdesignicons.com/
Примечание: первая иконка - «ab-testing», поэтому используйте ее так:
{mdi-ab-testing} и тд :)
mdi(materialDesignIcons)+icon-name
Удачи с этим...
Vuetify использует многие из значков материалов, но не все. Например, table_chart не работает должным образом в Vuetify.