Schritte zum Anpassen des Symbols in Vue

ant-design-vue passt die Verwendung von Ali Iconfont-Symbolen an\

Schritt 1: Holen Sie sich den Projekt-JS-Link von Iconfont

Der zweite Schritt besteht darin, die Symbolschriftart dort auf der Seite hinzuzufügen, wo sie benötigt wird.

Verwendung in Deom:
 <ein>
     <Schriftartentyp='icon-zutaishitu'/>
 </a>

importiere { Icon } aus „Ant-Design-Vue“;

 const Fonts = Icon.createFromIconfontCN({
     scriptUrl: '//at.alicdn.com/t/font_2731654_ew9hs5g22se.js'
 })

 Standard exportieren {
     Komponenten:
         Schriftarten
     }
}

Wirkung:

Dies ist das Ende dieses Artikels über benutzerdefinierte Vue-Symbole. Weitere relevante Inhalte zu benutzerdefinierten Vue-Symbolen finden Sie in den vorherigen Artikeln von 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!