(1)配置文件
首先要对整个小程序的页面进行配置,具体写在app.json中,代码如下:
"pages": [
"pages/index/index",
"pages/collect/collect",
"pages/ran/ran",
"pages/mana/mana",
"pages/logs/logs"
(2)底部导航栏
在底部导航栏设置之前必须要设置好第一步,也就是pagePath,不然无法实现跳转;小标签的下载来源于阿里巴巴矢量图标库,且每个小图标都下载了黑色与红色两种不同地颜色,以便于操作的时候可以实现点击与不点击两种效果,下载后的图标存放于images中。使用tabBar来进行操作
这属于全局的配置,因此将其写入app.json中:
"tabBar": {
"color": "#272636",
"selectedColor": "#CD69C9",
"backgroundColor": "#fff",
"boderStyle": "black