【微信小程序】小程序里面的tabbar如何配置?

 老规矩先贴效果图

 

tabBar

如果小程序是一个多 tab 应用(客户端窗口的底部或顶部有 tab 栏可以切换页面),可以通过 tabBar 配置项指定 tab 栏的表现,以及 tab 切换时显示的对应页面。

属性 类型 必填 默认值 描述 最低版本
color HexColor   tab 上的文字默认颜色,仅支持十六进制颜色  
selectedColor HexColor   tab 上的文字选中时的颜色,仅支持十六进制颜色  
backgroundColor HexColor   tab 的背景色,仅支持十六进制颜色  
borderStyle String black tabbar上边框的颜色, 仅支持 black / white  
list Array

http://www.niftyadmin.cn/n/1499125.html

相关文章

《Python数据分析》一1.8 IPython notebook

本节书摘来自异步社区《Python数据分析》一书中的第1章,第1.8节,作者【印尼】Ivan Idris,更多章节内容可以访问云栖社区“异步社区”公众号查看 1.8 IPython notebook 在互联网上搜索与Python有关的内容时,经常会见到IPython note…

《响应式Web设计实践》一2.3 网格布局

本节书摘来异步社区《响应式Web设计实践》一书中的第2章,第2.3节,作者: 【美】Tim Kadlec 译者: 侯鸿儒 责编: 赵轩,更多章节内容可以访问云栖社区“异步社区”公众号查看。 2.3 网格布局 响应式Web设计实…

【微信小程序】微信小程序之怎么在含有tabbar页面添加webView标签进行web跳转

之前怎么写跳转过后底部的tabbar都会在跳转的H5页面的底部。最近发现了一个曲线救国的方法,那就是加一个转折点。费话不多少上代码! college.wxml college.css webview.wxml webview.js 这样在中间找一个转折点就可以完美解决这个web跳转的问题了&#…

《PHP和MySQL Web开发从新手到高手(第5版)》一一2.8 修改存储的数据

本节书摘来自异步社区出版社《PHP和MySQL Web开发从新手到高手(第5版)》一书中的第2章,第2.8节,作者: 【澳】Kevin Yank,更多章节内容可以访问云栖社区“异步社区”公众号查看。 2.8 修改存储的数据 PHP和M…

【微信小程序】小程序之自定义头部导航栏背景图

一般的导航栏都是微信自定义生成的,但是有的项目项目当中感觉头部样式太过单调,不怎么好看。就设计了不要小程序头部标题栏的页面,为此找了好多方法都没有解决。最终还是让我给找到了一个解决的方法。就是在json文件当中设置一个属性“naviga…

【微信小程序】小程序之滚动页面的某个元素位置

这种效果基本上都是在文章详情页面才会出现,用于点击按钮页面滚动到文章的评论位置。但是不排除可以用于别的功能! 首先我们需要用到的是在小程序里面获取某一个元素的位置高度 var that this;var flag that.data.flag; //flag是一个开关变量&…

【微信小程序】小程序解析富文本、WxParse解析富文本

1.我们先来了解wxparse是什么?怎么用的? wxparse是专门解析后台给我们返回的html数据格式的数据的。 用法: 1.下载wxparse 2.把下载的文件引入你的项目,最好是放到util文件夹当中,至于为什么?我也没搞懂!度娘说的! 3.在你需要的数据解析的页面(detail.js)引入这个…

【微信小程序】点击图片放大,缩放,查看更多等

点击图片放大进行预览,小程序官方给我们提供了一个非常简单的API wx.previewImage({})参数共有5个,主要使用的2个,参数如下: urlsArray.<string> 是需要预览的图片链接列表。2.2.3 起支持云文件ID。currentstringurls 的第一张否当前显示图片的链接successfunction …