uniap如何引入uView框架

新建一个uniapp项目后如何引入uView组件

方式：uniapp使用插件形式导入uView

官网导入插件：https://ext.dcloud.net.cn/plugin?id=1593

点击导入插件

1.在main.js文件配置使用uview，和修改默认单位（uview默认单位：px）【 注意：uview的引入要放在vue后面】

/*引入uview*/
import uView from '@/uni_modules/uview-ui'
Vue.use(uView)
//将默认单位改为rpx
uni.$u.config.unit = 'rpx'

2.在根目录的unni.scss文件引入uView主题样式文件

/* 颜色变量 */
/* 引入uview主题样式 */
@import '@/uni_modules/uview-ui/theme.scss';

 3.在App.vue文件引入uview的index样式，并使用scss属性

<style lang="scss">
	/*引入uview基础样式 注意要写在第一行，同时给style标签加入lang="scss"属性 */
		@import "@/uni_modules/uview-ui/index.scss";
	/*每个页面公共css */
</style>

 导入成功后会看到项目中多了uni_modules目录及组件

 导入成功后就可以开始应用uview组件了。

组件官网：演示 | uView 2.0 - 全面兼容nvue的uni-app生态框架 - uni-app UI框架 (uviewui.com)

 

😜喜欢文章或文章内容对您有帮助点个赞鼓励一下吧~