文档章节

微信小程序TabBar底部栏的使用

秀杰
 秀杰
发布于 2016/10/07 14:16
字数 282
阅读 25865
收藏 3

 

app.json文件:


{
    "pages":[
        "pages/index/index",
        "pages/detail/detail"
    ],
    "window":{
        "navigationBarTitleText": "TabBar",
        "navigationBarBackgroundColor": "#F60",
        "navigationBarTextStyle": "white"
    },

//tabBar注意是B是大写,有朋友提问运行时tab没出现,检查是不是这里手误
    "tabBar":{

//文档指出color是必填项,其实可为空,不重写color就是深灰,样式更统一
        "color": "#ddd",

//同样,文档指出selectedColor是必填项,不过selectedColor有必要重写,区分当前项与普通项
        "selectedColor": "#3cc51f",

//同样,文档指出color是必填项,其实可为空,不重写backgroundColor就是浅灰,样式更统一。
        "backgroundColor": "#fff",

//borderStyle,不写默认就是黑,那就黑好了,white的话,会少一条分隔线,跟页面混在一起了
        "borderStyle":"black",
        "list":[{
                "pagePath":"pages/index/index",

//iconPath图标是非必填,只是tab栏会变矮,自然selectedIconPath也可不写
                "iconPath":"image/icon_API.png",
                "selectedIconPath":"image/icon_API_HL.png",
                "text":"index"
            },{
                "pagePath":"pages/detail/detail",
                "iconPath":"image/icon_component.png",
                "selectedIconPath":"image/icon_component_HL.png",
                "text":"detail"
            }]
    }
}

 

对小程序开发有趣的朋友关注公众号: huangxiujie85,QQ群: 575136499,微信: small_application,陆续还将推出更多作品。

输入图片说明

© 著作权归作者所有

秀杰
粉丝 152
博文 94
码字总数 50956
作品 0
瑞安
iOS工程师
私信 提问
微信小程序配置_小程序页面配置

微信小程序配置_小程序页面配置 微信小程序配置 我们使用文件来对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。 以下是一个包含了所有配置选项...

百度小程序
2018/11/12
0
0
微信小程序教程系列之设置标题栏和导航栏

微信小程序标题栏和导航栏的设置方法,具体内容如下 设置标题栏 标题栏window 在app.json文件里面,通过window对象里面的属性进行设置 示例: app.json: 运行: 设置导航栏 导航栏TabBar 如...

嫣然丫丫丫
2018/11/30
0
0
「小程序JAVA实战」 小程序手写属于自己的第一个demo(六)

自己尝试的写一个小demo,用到自定义样式,自定义底部导航,页面之间的跳转等小功能。 官方文档对于小程序开发来说要时刻打开https://developers.weixin.qq.com/miniprogram/dev/framework/...

IT人故事
07/18
0
0
微信小程序开发过程中tabbar页面显示的相关问题及解决办法

在微信小程序的开发过程中如果有使用过tabbar的同学,我相信一定会遇到一些困扰。为什么有些时候代码中明明已经在app.json里面增加了tabbar,可以页面中就是不显示呢?可不可以有些页面显示t...

闫亚亚
2018/01/25
209
0
小程序自定义单页面、全局导航栏

摘要: 小程序开发技巧。 作者:小白 原文:小程序自定义单页面、全局导航栏 Fundebug经授权转载,版权归原作者所有。 需求 产品说小程序返回到首页不太方便,想添加返回首页按钮,UI说导航栏...

Fundebug
06/22
0
0

没有更多内容

加载失败,请刷新页面

加载更多

PyTorch入门笔记一

张量 引入pytorch,生成一个随机的5x3张量 >>> from __future__ import print_function>>> import torch>>> x = torch.rand(5, 3)>>> print(x)tensor([[0.5555, 0.7301, 0.5655],......

仪山湖
12分钟前
1
0
OSChina 周二乱弹 —— 开发语言和语言开发的能一样么

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @花间小酌:#今日歌曲推荐# 分享The Score的单曲《Revolution》 《Revolution》- The Score 手机党少年们想听歌,请使劲儿戳(这里) @批判派...

小小编辑
今天
1K
17
oracle ORA-39700: database must be opened with UPGRADE option

ORA-01092: ORACLE instance terminated. Disconnection forced ORA-00704: bootstrap process failure ORA-39700: database must be opened with UPGRADE option 进程 ID: 3650 会话 ID: 29......

Tank_shu
今天
3
0
分布式协调服务zookeeper

ps.本文为《从Paxos到Zookeeper 分布式一致性原理与实践》笔记之一 ZooKeeper ZooKeeper曾是Apache Hadoop的一个子项目,是一个典型的分布式数据一致性的解决方案,分布式应用程序可以基于它...

ls_cherish
今天
4
0
聊聊DubboDefaultPropertiesEnvironmentPostProcessor

序 本文主要研究一下DubboDefaultPropertiesEnvironmentPostProcessor DubboDefaultPropertiesEnvironmentPostProcessor dubbo-spring-boot-project-2.7.3/dubbo-spring-boot-compatible/au......

go4it
昨天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部