uniapp使用uview

1.在uni-app插件市场通过uni_modules的形式进行安装（这个的前提是你是使用Hbuilder X开发的用户）

1.点击导入

2.在弹出的弹窗中点击打开HbuilderX

 3.选择你需要导入的项目，再点确定

 4.然后可以在uni_modules文件中看到啦 

  5.下载后还需要配置文件，首先要确保你使用的是scss，如果不是，请在HbuilderX菜单的 工具->插件安装中找到"scss/sass编译"插件进行安装， 如不生效，重启HbuilderX即可

配置步骤

① 引入uView主JS库

在项目根目录中的main.js中，引入并使用uView的JS库，注意这两行要放在import Vue之后。

// main.js
import uView from '@/uni_modules/uview-ui'
Vue.use(uView）

② 在引入uView的全局SCSS主题文件

在项目根目录的uni.scss中引入此文件。

/* uni.scss */
@import '@/uni_modules/uview-ui/theme.scss';

 ③ 引入uView基础样式

 

<style lang="scss">
	/* 注意要写在第一行，同时给style标签加入lang="scss"属性 */
	@import "@/uni_modules/uview-ui/index.scss";
</style>