微信小程序tabBar底部导航 不显示问题解析
2017-03-22 15:25
791 查看
欢迎来前群里探讨技术QQ:454891743
搞了好久原来是位置的原因唉闹心
直接上代码:
出不来的代码:
解决方案一:把 tabBar配置中的 "pagePath": "pages/zhuye/zhuye", 换成 配置为首页的pages/splash/splash 就可以了;
方案二:完美解决方案
在wxml里 加入 open-type="switchTab"
方案三:
js里面用这个跳转带bar的页面
搞了好久原来是位置的原因唉闹心
直接上代码:
出不来的代码:
{ "pages": [ "pages/splash/splash", "pages/zhuye/zhuye", "pages/list/list", "pages/item/item", "pages/search/search", "pages/profile/profile" ], "window": { "navigationBarBackgroundColor": "#35495e", "navigationBarTextStyle": "white", "navigationBarTitleText": "电影 « 豆瓣", "backgroundColor": "#fff", "backgroundTextStyle": "dark", "enablePullDownRefresh": true }, "tabBar": { "list": [ { "pagePath": "pages/zhuye/zhuye", "iconPath": "images/board.png", "selectedIconPath": "images/board-actived.png", "text": "榜单" }, { "pagePath": "pages/search/search", "iconPath": "images/search.png", "selectedIconPath": "images/search-actived.png", "text": "搜索" }, { "pagePath": "pages/profile/profile", "iconPath": "images/profile.png", "selectedIconPath": "images/profile-actived.png", "text": "我的" } ] },
"color": "#ccc", "selectedColor": "#35495e", "borderStyle": "white", "backgroundColor": "#f9f9f9","networkTimeout": { "request": 10000, "connectSocket": 10000, "uploadFile": 10000, "downloadFile": 10000 }, "debug": true}
解决方案一:把 tabBar配置中的 "pagePath": "pages/zhuye/zhuye", 换成 配置为首页的pages/splash/splash 就可以了;
方案二:完美解决方案
在wxml里 加入 open-type="switchTab"
<navigator url="../zhuye/zhuye" open-type="switchTab" > <button class="btn" bindtap="start" wx:if="{{index == movies.length - 1}}" >立即体验</button> </navigator>
方案三:
js里面用这个跳转带bar的页面
相关文章推荐
- 微信小程序底部tabbar不显示问题
- 微信小程序tabBar 不显示底部菜单的原因和解决方法
- 微信小程序底部导航Tabbar
- 微信小程序tabBar底部导航中文注解api详解
- 微信小程序开发过程中tabbar页面显示的相关问题及解决办法
- 微信小程序tabBar显示问题
- 微信小程序tabBar显示问题
- 微信小程序中tabBar不显示问题
- 微信小程序开发过程中tabbar页面显示的相关问题及解决办法
- 微信小程序把玩(三)tabBar底部导航
- 微信小程序—tabBar底部导航中文注解api
- 微信小程序tabbar底部导航
- 微信小程序把玩(三)tabBar底部导航
- 微信小程序—tabBar底部导航中文注解api
- 微信小程序 (三)tabBar底部导航详细介绍
- 微信小程序tabBar底部导航中文注解api
- 微信小程序tabBar底部导航中文注解api
- 微信小程序tabBar显示问题
- 【微信小程序常见问题】使用picker组件显示年份解决方案
- 微信小程序开发之选项卡(窗口底部TabBar)页面切换