¿Cómo importar imágenes externas a ionic?
1
Debido a las restricciones de Dumi, puedes descargarlos tú mismo desde Baidu
Ingresa "Biblioteca de iconos vectoriales de Alibaba" y se clasificará en Baidu. En primer lugar
2
Abre la URL, puedes seleccionar la búsqueda en la esquina superior derecha para buscar el icono que deseas.
3
También puedes optar por ingresar a la biblioteca de íconos para seleccionar el ícono que deseas
4
Después de seleccionar el ícono, haga clic en el icono para que se vuelva naranja, es decir, colóquelo en el cuadro de almacenamiento temporal
5
Haga clic en Cancelar nuevamente o mueva el mouse sobre el icono en el cuadro de almacenamiento temporal. Hay un pequeño botón en el lado derecho del ícono, ¡simplemente elimínelo! 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
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
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》