在公司做的一个项目是微信小程序,因为小程序的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