[WeChat Mini Program 6] Método para introducir una interfaz de usuario de terceros (ColorUi)

        El ColorUI del mini programa es una excelente interfaz de usuario desarrollada en base a nativa. Nos permite usarlo muy bien durante el proceso de desarrollo. Para una introducción detallada, consulte el sitio web oficial de ColorUI: http://docs.xzeu.com/#/

1. Descargue ColorUI

        Haga clic en GitHub en la página de inicio del sitio web oficial para ingresar a la página de descarga. Luego siga las instrucciones que se muestran a continuación.

         Una vez completada la descarga, descomprímalo y ábralo. La estructura del directorio se mostrará de la siguiente manera:

2. Presentar ColorUI

       1. Copie la carpeta colorui

        Abra la carpeta de demostración en la estructura de directorios de arriba, copie toda la carpeta colorui dentro de su mini proyecto de programa y colóquela al mismo nivel que la carpeta de páginas.

        2. Establecer la ruta de importación

Abra el archivo app.wxss         en el directorio del proyecto y escriba el siguiente código en él:

/**app.wxss**/
@import '/colorui/main.wxss';
@import '/colorui/icon.wxss';
@import '/colorui/animation.wxss'; 

        3. Documentos de desarrollo

        Durante el proceso de desarrollo, puede consultar la documentación oficial: http://docs.xzeu.com/#/info/Quick Start/Quick Deployment

De manera similar, también puede abrir directamente el archivo de demostración proporcionado en el paquete de archivos ColorUI, encontrar el contenido deseado y copiarlo directamente a su proyecto personal.

 

        4. Paquete oficial ColorUi

                Para facilitar la descarga de todos, he subido el paquete ColorUi2.0 descargado a CSDN, puede descargarlo directamente desde aquí: https://download.csdn.net/download/m0_60318025/87894170

Supongo que te gusta

Origin blog.csdn.net/m0_60318025/article/details/131153947
Recomendado
Clasificación