微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

uniapp表单方面组件uview

表单方面组件(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目录下面,所以在配置的时候需要注意路径的问题。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐