微信小程序实现TabBar功能组件（导入即用）

花弟弟的瞎理解：

由tabBar通常出现在客户端首页的底部或者顶部，用于转换页面，当其出现在顶部时是不能显示图片的，此外tabbar上的图片是两张不同的照片，分别是选中状态与未选中状态，另外还给大家推荐一个图标网址（阿里巴巴矢量图标库），大家如果有什么好玩的网址也要告诉我的喔。

瞎闹：

TabBar的简单属性：

注意：

1. 1.list属性的类型是数组储存着tab对象
2. 2.borderStyle属性是tabBar与页面内容的分割线（页面同色即隐藏）

List数组对像的属性：

注意：

1. iconPath是未选中的图片路径
2. selectedIconPath是该tab被选中的图片路径
3. pagePath是定义该tab的显示页面路径 

TabBar的结构示意图：

实例操作：

1）从硬盘导入图片目录：

2）目录根的app.json文件中添加tabbar：

"tabBar": {

"color": "#8a8a8a",

"selectedColor": "#1AAD16",

"borderStyle": "white",

"list": [

  {

    "pagePath": "pages/file/file",

    "text": "说说文字墙",

    "iconPath": "pages/photos/说说.png",

    "selectedIconPath": "pages/photos/说说1.png"

  },

  {

    "pagePath": "pages/image/image",

    "text": "照片留念馆",

    "iconPath": "pages/photos/照片.png",

    "selectedIconPath": "pages/photos/照片1.png"

  },

  {

    "pagePath": "pages/index/index",

    "text": "个人传",

    "iconPath": "pages/photos/个人中心.png",

    "selectedIconPath": "pages/photos/个人中心1.png"

  }

]

},

3）效果图：

花痨：

其实这几天心情真的不怎么好，游戏也不好玩，就看看朋友给我送的一本书《你是那人间的四月天》，好像是林微因的文章收录，反正心情不好的时候可以多看看书。

花哥哥严肃说：

所学的知识均从课本，课外读物，网上收集资料，如果哪有侵权惹到您不开心丫，此外还有我也是小白，如果哪有认识不对的地方还请您抽我一耳光说我哪错了，我一定会感谢，联系企鹅号：184820911，有哪不明白或没事都可以找我，陪聊，陪吃不陪睡。