Red de conocimiento informático - Material del sitio web - Presentación y uso de uViewUI en uni-app

Presentación y uso de uViewUI en uni-app

Primero, echemos un vistazo al error encontrado, como se muestra a continuación

uViewUI está disponible en el mercado de complementos de HBuilder X: /plugin?id=1593

El sitio web oficial de uViewUI es:/plugin?id=2046

Nota: El mercado de complementos no admite IE Jump, por lo que recomendamos utilizar el navegador Google Chrome:/plugin?id=2046

Nota: El salto de IE del mercado de complementos no es compatible, por lo que recomendamos usar el navegador Google Chrome

Si su proyecto fue creado por vue-cli, use el siguiente comando para instalar el soporte para sass ( s?css). Si ya está instalado, se omite el comando.

3. Configurar archivos relacionados

3.1. Introducir uView globalmente en el archivo main.js

3.2. El archivo uni.scss presenta el archivo de tema SCSS global de uView.

3.3.Introducir los estilos básicos de uView en el archivo App.vue

4. Introducción global y carga bajo demanda

4.1.

Configure easycom en páginas.json

Nota: uni-app modifica las reglas de easycom para depurar consideraciones de rendimiento y no tendrá efecto en tiempo real. Después de la configuración, debe reiniciar HX o volver a compilar el proyecto. Utilice la función uView normalmente.

Asegúrese de que solo haya una partición easycom en pages.json; de lo contrario, combine varias reglas de citas usted mismo.

// páginas.json { "easycom":{ "^u-(. *)":"uview-ui/components/u-$1/u-$1.vue" }, // Esto es lo que ya está allí en sí "páginas": [ // ... ] }

4.2 Carga bajo demanda

En algunos casos, es posible que no desee cargar a través de easycom. Consulte el componente (aunque lo recomendamos encarecidamente), por lo que puede utilizar la importación como método de citas normal, como este: