这篇文章送给初次接触uniapp+uview的小伙伴们
使用hbuilder创建新的uniapp项目后, 可以先去导入uview插件,直接选择右侧的使用hbuilder导入插件,然后选择自己新建的项目。地址
可是看uview官方文档,不细心的朋友只会觉得在main.js文件里引入方式是这样的
import uView from 'uview-ui'
Vue.use(uView)
然而这样写,会发现找不到uview的,需要改成如下
import uView from '@/uni_modules/uview-ui'
Vue.use(uView)
然后,项目根目录下,找到uni.scss这个文件,添加下面这行代码
@import '@/uni_modules/uview-ui/theme.scss';
然后打开App.vue文件,如下代码(需要按照scss插件)
<style lang="scss">
@import "@/uni_modules/uview-ui/index.scss";
</style>
到这里就结束了,顺便这里附带一个已经配置好的uview2的空项目,有需要的可以直接去下载使用。
下载地址