Uni-app importa la biblioteca de componentes uViewUI
Documentación oficial de uViewUI
https://www.uviewui.com/components/intro.html
1. Primero instale los complementos uViewUI y SCSS a través de npm
//安装uViewUI
npm install uview-ui
// 安装node-sass
npm i node-sass -D
// 安装sass-loader
npm i sass-loader -D
En este punto, la lista de archivos es la siguiente:
2. A continuación, importe uView en main.js
import uView from "uview-ui";
Vue.use(uView);
3. Luego introduzca el archivo global uView en uni.scss
/* 引入uView的全局文件 */
@import 'uview-ui/theme.scss';
4. Luego introduzca el estilo básico uView en App.vue
<style lang="scss">
@import "uview-ui/index.scss";
</style>
5. Finalmente configure el modo de componente easycom
"easycom": {
"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
}
En este punto, se ha completado la importación de la biblioteca de componentes de uViewUI.
Vamos a probarlo:
(Para referencia: https://blog.csdn.net/qq_40976321/article/details/106453181)