Producción de carteles por uniapp-use iconos de color svg en uni-app

Uniapp comparte ventanas emergentes, genera carteles y admite guardar. Actualmente solo admite miniprogramas WeChat.

La dirección es: ¿Cómo puede un principiante usar uniapp para crear el estilo de? ¿El miniprograma de la imagen?

Muchos principiantes quieren crear rápidamente un pequeño programa con buenas funciones cuando comienzan a crear programas pequeños. Entonces, ¿cómo hacerlo? El editor lo compartirá con usted a continuación.

Método/Pasos

En primer lugar, debe descargar el software Hbuilder, haga clic en el nuevo proyecto a continuación

Luego seleccione uni-app en el proyecto escriba y luego seleccione una plantilla, como se muestra en la siguiente figura

Luego se crea el directorio del proyecto, como se muestra en la siguiente figura

Luego abra la interfaz de configuración de Hbuilder y configure la ruta de la pequeña herramienta de desarrollo de programas, como se muestra en la siguiente figura

Luego abra la mini herramienta de desarrollo de programas, seleccione Configuración de seguridad

Luego abra el puerto de servicio, como se muestra en la figura a continuación

A continuación, hacemos clic en el menú ejecutar de Hbuilder. Elija ejecutar la herramienta de desarrollo WeChat en el mini simulador de programa, como se muestra en la imagen a continuación

Finalmente, puede hacerlo. Vea que se crea rápidamente un mini programa, como se muestra en la imagen a continuación usando el color svg en el ícono uni-app

1. Busque el ícono que le guste y agréguelo al proyecto

. 2. Busque el proyecto y seleccione la opción Símbolo

3. Haga clic en js para abrir en una nueva ventana y seleccione todo Copiar

4. Cree un nuevo proyecto en uniapp y pegue lo copiado. js

5. Importa el archivo en

6. Úsalo en la página

icon-caomei es el id correspondiente a svg

>7. Efecto

8. Ajustar el tamaño del icono

9.xlink: asignación dinámica href