标签：pap bar 下载 底部 项目 mamicode 包含 选择 img
1.在pages新建几个页面
2.配置tabBar,
color字体颜色
selectedColor选中的字体颜色
backgroundColor底部背景颜色
borderStyle底部的border，只能是“black” 或者 "white"
list , list是一个对象，包含以下这些选项
pagePath: 页面路径
text ：tab的文字
iconPath : 没选中的图标路径
selectedIconPath ：选择后的图标路径。
例子：
page.json的tabBar配置
"tabBar":{ "color":"#333", "selectedColor":"deepskyblue", "backgroundColor":"#eee", "borderStyle":"black", "list":[ { "pagePath":"pages/index/index", "text":"首页", "iconPath":"./static/tabbar/index.png", "selectedIconPath":"static/tabbar/indexed.png" }, { "pagePath":"pages/news/news", "text":"动态", "iconPath":"static/tabbar/news.png", "selectedIconPath":"static/tabbar/newsed.png" }, { "pagePath":"pages/paper/paper", "text":"小纸条", "iconPath":"static/tabbar/paper.png", "selectedIconPath":"static/tabbar/papered.png" }, { "pagePath":"pages/my/my", "text":"我的", "iconPath":"static/tabbar/my.png", "selectedIconPath":"static/tabbar/myed.png" } ] }
3.图标制作方法：
（1）打开阿里巴巴图标库，登录，找到对应的图标
（2）添加到项目，选择颜色和大小，颜色分别是选中时和未选中时的颜色，大小是80，选择png下载
4.效果：
标签：pap bar 下载 底部 项目 mamicode 包含 选择 img
原文地址：https://www.cnblogs.com/luguankun/p/11484166.html
