Cómo descargar iconos en el sitio web
1
Debido a las limitaciones de DuNiang, Baidu es el mejor lugar para descargar íconos
Ingrese a "Biblioteca de íconos vectoriales de Alibaba" y estará mostrado en Baidu No. 1
2
Abra el sitio web y seleccione la búsqueda en la esquina superior derecha para buscar el ícono que desea.
3
También puedes optar por ingresar a la biblioteca de íconos y seleccionar el ícono que deseas
4
Después de seleccionar el ícono, haga clic en el ícono para volverse Naranja, es decir, colocado en el estante de almacenamiento temporal.
5
Haga clic nuevamente para cancelar o mueva el mouse al ícono en el estante de almacenamiento temporal. es un pequeño botón en la esquina superior derecha del ícono. ¡Esto también se puede hacer! ¡Eliminar ícono! Seleccione
6
Seleccione el ícono que desea usar, haga clic en Descargar a local en el estante de almacenamiento temporal y descomprímalo para usarlo
END
Referencia del proyecto
1
Abre la carpeta descomprimida demo.html
2
Puedes ver el ícono que descargamos. , siga los pasos mostrados. De acuerdo con los pasos de demostración, a continuación configuramos el proyecto ionic
3
Directorio de almacenamiento de archivos estáticos, creamos una nueva carpeta de fuentes para almacenar archivos de fuentes (almacenamiento personalizable)
4
css usa font-face para declarar fuentes
5
css usa iconfont style para definir estilos
6 p>
Seleccione el ícono apropiado y obtenga la fuente, aplíquela a la página para mostrar las etiquetas del ícono
END
y otras etiquetas que hagan referencia al ícono p>
1
Has notado que los íconos Ionic solo necesitan agregar una clase como ion-happy ion- Hay una solución urgente
Abre el archivo iconfont.css en el archivo de íconos directamente descomprimido
2
Cambia esos .icon-XXX:before{content:'XXXX '} También cópialo a tu archivo css
Si ve el código fuente del archivo css ionic, ¿le resulta familiar?
3
No está mal, solo agregue el ícono iconfont: los tutoriales más completos de la serie P4P》 p>