uniapp引入uview插件

Posted 2023-01-17 苏格拉的底

uview插件是一个很好用的插件，官网：https://www.uviewui.com
引入uview的时候，
1、在插件市场hbuilder直接引入，https://ext.dcloud.net.cn/plugin?id=1593
2、

// main.js，注意要在use方法之后执行
import uView from '@/uni_modules/uview-ui'
Vue.use(uView)
// 如此配置即可
uni.$u.config.unit = 'rpx'

3、

app.vue /*每个页面公共css */
 @import "@/uni_modules/uview-ui/index.scss";
 4、在uni.scss引入 @import '@/uni_modules/uview-ui/theme.scss';
 5、关于SCSS
uView依赖SCSS，您必须要安装此插件，否则无法正常运行。
如果您的项目是由HBuilder X创建的，相信已经安装scss插件，如果没有，请在HX菜单的 工具->插件安装中找到"scss/sass编译"插件进行安装， 如不生效，重启HX即可
如果您的项目是由vue-cli创建的，请通过以下命令安装对sass(scss)的支持，如果已安装，请略过。
// 安装node-sass
npm i node-sass -D

// 安装sass-loader
npm i sass-loader -D