uniapp utiliza uview-plus (proyecto vue3)

Primero cree un proyecto vue3 uniapp, se recomienda elegir un proyecto vacío

Hbuilder X manera

Descargar documento de configuración de métodos

Si es Hbuilder Xun usuario que utiliza el desarrollo, puede instalarlo uni-appa través del mercado de complementos.Este método de instalación puede facilitar su posterior actualización con un solo clic de uview-plus.uni_modulesuni_modules

• uni_modules版本Seleccione en la esquina superior derecha del mercado de complementos uni-app 使用HBuilderX导入插件e impórtelo al proyecto correspondiente.

 Enlace de descarga: se lanza uview-plus3.0, una completa biblioteca de componentes móviles de Vue3. - Mercado de complementos de DCloud

Confirme que el complemento scss se ha instalado

 

Presentar la biblioteca JS principal de uview-plus

En el directorio raíz del proyecto main.js, importe y use la biblioteca uview-plus JS Tenga en cuenta que estas dos líneas deben colocarse const app = createSSRApp(App)después.

// main.js
import uviewPlus from '@/uni_modules/uview-plus'

// #ifdef VUE3
import { createSSRApp } from 'vue'
export function createApp() {
  const app = createSSRApp(App)
  app.use(uviewPlus)
  return {
    app
  }
}
// #endif

Importe el archivo de tema SCSS global de uview-plus

uni.scssIntroduzca este archivo en el directorio raíz del proyecto .

/* uni.scss */
@import '@/uni_modules/uview-plus/theme.scss';

Introducir el estilo básico de uview-plus

¡Aviso!

Introducido en la primeraApp.vue línea de , preste atención para agregar el atributo lang="scss" a la etiqueta de estilo

<style lang="scss">
	/* 注意要写在第一行，同时给style标签加入lang="scss"属性 */
	@import "@/uni_modules/uview-plus/index.scss";
</style>

#Instalar bibliotecas dependientes

npm i dayjs
npm i clipboard