Comment changer la couleur de l'icône dans Uniapp

Comment changer la couleur de l'icône dans uniapp : introduisez d'abord iconfont.js dans le projet ; puis définissez la couleur via "" et enfin modifiez la taille de l'icône.

L'environnement d'exploitation de ce tutoriel : système Windows7, version uni-app2.5.1, ordinateur Dell G3.

Recommandé (gratuit) : Tutoriel uni-app

Introduction des icônes colorées

1 . Introduisez iconfont.js

// main.js
import './assets/iconfont.js'

dans le projet 2. Utilisez

<svg class="icon" aria-hidden="true">
  <use xlink:href="#qc-icecream"></use>
</svg>

3 Modifiez la taille

.icon {
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}

.

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!