大飞

关注TA

挑战一切！

世界的顶端
混口饭吃
写了333,609字

Nemo

在文章《网站搭建之坑》中回复：
```
赞?
```
Nemo

在文章《Vue 跨域请求》中回复：
```
点赞点赞~
```
Nemo

在文章《无障碍模式监听微信聊天记录》中回复：
```
阔以，手机还是别给别人玩了...
```
Nemo

在文章《Python 多线程爬取网站小说》中回复：
```
赞！
```
Nemo

在文章《2018年刑侦科目推理试题答案》中回复：
```
非常Nice~！
```
随遇而安

在文章《Android 通用混淆》中回复：
```
赞赞赞
```

Nemo

在文章《Android 通用混淆》中回复：

哟，干货呀，推荐给身边做安卓的朋友了。

TIM图片20170509180148

Nemo

在文章《破解百度云垃圾速度》中回复：

不错。不过建议抓取地址用ex脚本，其他浏览器也可以用。

Nemo

在文章《python 切片和迭代》中回复：
```
回复大飞：哈哈，说得好！
```
Nemo

在文章《python 切片和迭代》中回复：
```
6666，都开始玩python了呀。
```

该文章投稿至Nemo社区 Js、Css、Html 板块复制链接

微信小程序——底部导航

发布于 2017/01/25 09:27 1,471浏览 0回复 1,654字

底部导航比较简单的实现，然而类似今天头条的顶部导航目前却比较蛋疼，还没有比较好用的控件，昨晚试了一下使用scrollview实现，发现使用wx:for语句不能是是scrollview横向滚动，bugbugbug，就作罢了，加上微信小程序并没有类似安卓的fragment做导航切换，这就不太适合开发了，多个view在一个页面上，不好控制。

底部导航的实现，只需要在app.json上配置tabBar相关信息，包括配置文字，选中和未选中的图片，以及跳转的路径。

{
  "pages": [
    "pages/test/home/home",
    "pages/index/index",
    "pages/logs/logs",
    "pages/test/request/request",
    "pages/test/voiceanimate/voiceanimate",
    "pages/test/dragImage/dragImage",
    "pages/test/mapView/mapView",
    "pages/test/autoImage/autoImage",
    "pages/test/upDownReflsh/upDownReflsh",
    "pages/test/chooseMedia/chooseMedia",
    "pages/test/pageTab/pageTab"
  ],
  "window": {
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "WeChat",
    "navigationBarTextStyle": "black"
  },
  "networkTimeout": {
    "request": 10000,
    "connectSocket": 10000,
    "uploadFile": 10000,
    "downloadFile": 10000
  },
   "tabBar": {  
    "color": "#ccc",  
    "selectedColor": "#35495e",  
    "borderStyle": "white",  
    "backgroundColor": "#f9f9f9",  
    "list": [  
      {  
        "text": "例子",  
        "pagePath": "pages/test/home/home",  
        "iconPath": "pages/images/icon_API.png",  
        "selectedIconPath": "pages/images/icon_API_HL.png"  
      },  
      {  
        "text": "哈哈",  
        "pagePath": "pages/test/chooseMedia/chooseMedia",  
        "iconPath": "pages/images/icon_component.png",  
        "selectedIconPath": "pages/images/icon_component_HL.png"  
      }
    ]  
  }  ,
  "debug": true
}