众所周知,uni-app自带的组件库实在是很难满足我们的大部分需求,于是在这里我选择了目前十分强大的uView来进行日常开发。

1、找到uni-app下面的终端,并且输入:

npm install uview-ui

 2、在 main.js 文件全局引入 uView

import uView from 'uview-ui';
Vue.use(uView); 

 3、uni.scss 文件 引入 uView 的全局 SCSS 主题文件

@import "uview-ui/theme.scss";

4、 在App.vue文件引入uView基础样式(注意一定还要将style设置为scss)

<style lang="scss">
	/*每个页面公共css */
	@import "uview-ui/index.scss";
</style>

5、最后我们去page.json去进行最后一下配置:

添加下面的代码:

	"easycom": {
			"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
		},

6、这时我们就可以直接在vue页面里不用导入直接用u-来访问啦:

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐