Comment utiliser la police d'icône dans vue

Le contenu de cet article explique comment utiliser les polices d'icônes dans vue. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

Parce que le projet est construit avec Vue et qu'il n'est pas pratique d'utiliser des caractères Unicode, nous ne pouvons définir que la classe.
Au début, je pensais que c'était un problème de version, mais il n'y a eu aucun résultat. Ce n'est pas un problème de trouver le chemin de la police dans le style.
Finalement, j'ai essayé d'ajouter un morceau de CSS et j'ai constaté qu'il n'y avait aucun problème. Ceci n'est pas inclus dans layui.css. Je me demande si les experts layui envisageraient de l'ajouter.

[class^="layui-icon-"], [class*="layui-icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: layui-icon !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
-webkit-text-stroke-width: 0.2px;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

Le code est collé. Les amis qui rencontrent le même problème peuvent essayer

Recommandations associées :

Introduction à la différence entre l'icône de raccourci et le code d'icône_HTML/Xhtml_Webpage Production

À propos de la différence entre l'icône de raccourci de l'icône préférée du Web et le code de l'icône (réimpression)_html/css_WEB-ITnose

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!