1. Descargue el complemento scss.
Busque el complemento "compilación scss/sass" en Herramientas->Instalación del complemento del menú HX e instálelo. Si no tiene efecto, simplemente reinicie HX. Enlace de descarga
scss / compilación sass - mercado de complementos DCloud
2. Descargue el archivo uView,
en la esquina superior derecha del mercado de complementos uni-app, elija usar
HBuilder Vaya al directorio raíz del proyecto.
Enlace de descarga Se lanza uView2.0, se desenvaina la espada y el mundo se unifica - Mercado de complementos de DCloud
Colóquelo en el directorio raíz del archivo.
3. Introduzca la biblioteca JS principal de uView
En main.js en el directorio raíz del proyecto, introduzca y utilice la biblioteca JS de uView. Tenga en cuenta que estas dos líneas deben colocarse después de importar Vue.
importar uView desde "uview-ui";
Vue.use(uView);
4. Introduzca el archivo de tema SCSS global de uView
/* uni.scss */
@import 'uview-ui/theme.scss';
5. Introduzca el estilo básico de uView
Nota: preséntelo en la primera línea de App.vue, asegúrese de agregar el atributo lang="scss" a la etiqueta de estilo
<style lang="scss">
/* Tenga en cuenta que debe escribirse en la primera línea y agregar el atributo lang="scss" a la etiqueta de estilo*/ @import
"uview-ui/index.scss";
</ estilo>
6. Configure el modo de componente easycom.Esta
configuración debe realizarse en páginas.json en el directorio raíz del proyecto.
Consejo: por razones de rendimiento de depuración, la modificación de las reglas de easycom por parte de uni-app no tendrá efecto en tiempo real. Después de la configuración, debe reiniciar HX o volver a compilar el proyecto para usar las funciones de uView normalmente.
Asegúrese de que solo haya un campo easycom en su page.json; de lo contrario, combine varias reglas de importación usted mismo.
// páginas.json
{ "easycom": { "^u-(.*)": "@/uview-ui/components/u-$1/u-$1.vue" }, // Este contenido ya está disponible " páginas": [ // ... ] }