表单方面组件（uview）

官网：[https://www.uviewui.com](https://www.uviewui.com)

uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=1593

在官网的组件里面安装这里可以查看安装说明，安装完成后可以在配置的地方查询相关配置。

2.2.1、安装

直接到uniapp插件市场去下载。

uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=1593

这样就是所谓的安装完成。

2.2.2、相关配置

配置的前提是必须安装scss插件，直接使用hbuilderx安装这个插件就可以了。

main.js配置

/* 引入uview组件 */
import uView from "./components/uview-ui";
Vue.use(uView);

uni.scss配置

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

App.vue配置

这里千万不要忘了在 style上添加 lang="scss"，默认的时候是没有的。

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

pages.json配置

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

这样就安装和配置完成，需要注意的是官方提供的安装方式是将 uview-ui文件夹放在根目录，而我的是放在 components目录下面，所以在配置的时候需要注意路径的问题。