微信小程序使用uView组件库

本文介绍了如何在微信小程序中使用uViewUI组件库。从在HBuilder新建项目,配置tabBar和全局样式,到引入并配置uView组件库的详细步骤,包括安装sass、引入JS库和SCSS主题文件等。最后,文章提到可以直接复制官网代码进行具体组件的使用。
摘要由CSDN通过智能技术生成

在公司做的一个项目是微信小程序,因为小程序的ui图样式很简单,所以一开始是打算自己写的,但是后面发现有一些功能实现起来很冗杂,所以最终选择了使用微信小程序的ui组件库。

一开始是使用的是VantUi,但是不知道为什么在我的小程序里面跑不起来,所以后来选择使用uView2.x来进行小程序的开发。

具体步骤记录一下!

一、在HBuilder里面新建一个项目

选好存放的位置以及文件命名即可,也可以自己在下面选择vue的的版本,我是用的是vue2

二、配置tabBar和简单的全局样式

打开page.json文件,在里面配置tabBar,底部导航栏

"tabBar": {
		"color": "black",//tab上文字默认的颜色
		"selectedColor": "#1191ab",//选中后的文字颜色
		"borderStyle": "black",//tabBar边框的颜色,仅支持black和white
		"backgroundColor": "#ffffff",//tabBar的背景颜色
		"list": [{//tabBar的列表
			"pag
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值