uni-app使用uView教程

1、打开uView组件网址

uView2.0重磅发布，利剑出鞘，一统江湖 - DCloud 插件市场

2、导入到自己的项目中

3、然后在main.js文件中注册uView

import uView from '@/uni_modules/uview-ui'
Vue.use(uView)

4、打开App.vue，导入全局样式

<style lang="scss">
	@import '@/static/css/common.css';
	@import "@/uni_modules/uview-ui/index.scss";
</style>

 lang="sass"        一定要记得加上

5、打开uni.scss文件，将如下代码粘贴

/**
 * 下方引入的为uView UI的集成样式文件，为scss预处理器，其中包含了一些"u-"开头的自定义变量
 * 使用的时候，请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可
 * uView自定义的css类名和scss变量，均以"u-"开头，不会造成冲突，请放心使用 
 */

/*导入uview的样式变量参数*/
@import '@/uni_modules/uview-ui/theme.scss';

6、打开pages.json文件使用easycom注册，粘贴下面代码就可以了

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

7、可以开心的敲代码了。