官方提供了三种方式,但是我觉得在已有的项目中使用是比较常见的
我在刚开始使用的时候不知道如何使用,我希望这个对大家有点帮助,特此来记录下!
我用的是创建了一个uview插件的项目,然后把里面uview-ui放到了自己项目的根目录下
uview使用的是scss,所以我们需要使用HBuilderX安装scss的插件
基本做完后,接下来开始配置
1.在main.js引入uView主JS库
// main.js import uView from "uview-ui"; Vue.use(uView);
2.在uni.scss引入这个文件
/* uni.scss */ @import ‘uview-ui/theme.scss‘;
3.在App.vue中引入uview基本样式
<style lang="scss"> /* 注意要写在第一行,同时给style标签加入lang="scss"属性 */ @import "uview-ui/index.scss"; </style>
4.在pages.json easycom 组件模式配置
// pages.json { "easycom": { "^u-(.*)": "@/uview-ui/components/u-$1/u-$1.vue" }, // 此为本身已有的内容 "pages": [ // ...... ] }
配置全部完成,接下来就可以使用uview插件了
原文:https://www.cnblogs.com/wcq520/p/15005558.html