微信小程序中的tabBar设置
我们先来看一份图,这个设置在官方文档中已经写得很清楚了,我只是做一个总结
注:我写注释是为了方便说明,在小程序中的json文件中是不能用注释的
这个tabBar属于全局属性,因此就在全局配置文件app.json中配置
1.tabBar的配置
"color": "#8a8a8a","selectedColor": "#f40",//选中的颜色"backgroundColor": "#ffffff",//背景色"borderStyle": "black",//边界线的颜色"position":"top",//位置,是在上边。还是选择在下边,如果选择top,就不会显示图标"list": [//组件的清单{"pagePath": "page/component/index",//页面路径"text": "组件",//组件上显示的文字 "iconPath": "img/compont_un.png",//默认图标"selectedIconPath": "img/compont_on.png"//选中后的图标},{"pagePath": "page/API/index","text": "API","iconPath": "img/API_un.png","selectedIconPath": "img/API_on.png"},{"pagePath": "page/persion/index","text": "我的","iconPath": "img/我的_un.png","selectedIconPath": "img/我的_on.png"},{"pagePath": "pages/logs/logs","text": "日志","iconPath": "img/日志.png","selectedIconPath": "img/日志_on.png"}]},
最后再加一张图,如果你设置了在顶部显示,效果如下:
转载于:https://www.cnblogs.com/Lyn4ever/p/11108078.html
微信小程序中的tabBar设置相关推荐
- 微信小程序中globalData的设置与读写
不得不吐槽小程序的关于Storage的坑实在是多.最终只能放弃,其实我要做的事情也很简单,就是要在小程序的每个页面中调取一些统一的信息.后再找到了在App.js里有一个GlobalData的功能,看名 ...
- 微信小程序中如何设置textarea或者van-field中的placeholder换行显示
微信小程序中如何设置textarea中的placeholder换行显示 van-field 中直接修改textarea 标签的样式即可 <textarea class="txt_wor ...
- 微信小程序中这么简单的设置页面背景图及字体颜色的方法,你还不会?
在微信小程序中,我们不免的要设置背景图片和字体颜色. 那怎么样才能做到简单的设置背景图片和字体颜色呢? 话不多说,直接开讲 首先先说怎么设置页面背景图片: 这是博主准备的照片. 下面是在wxml中的代 ...
- 微信小程序中自定义背景导航栏透明背景设置
首先确定好自己要在哪个页面中使用自定义头部导航栏样式 在该页面中找到xxx.json文件中添加上 "navigationStyle":''custom" 这样在页面中头部 ...
- Canvas绘图在微信小程序中的应用:生成个性化海报
Canvas绘图在微信小程序中的应用:生成个性化海报 如极客时间的一些实现案例: 基础语法 Canvas本质是一个可以使用脚本(通常为JavaScript)来绘制图形的 HTML 元素,默认大小为30 ...
- 微信小程序中带参数返回上一页的方法总结(三种)
本篇文章给大家带来的内容是关于微信小程序中带参数返回上一页的方法总结(三种),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 方法一 把当前页面数据放入本地缓存( wx.setStor ...
- 微信小程序中实现瀑布流布局和无限加载
瀑布流布局是一种比较流行的页面布局方式,最典型的就是Pinterest.com,每个卡片的高度不都一样,形成一种参差不齐的美感. 在HTML5中,我们可以找到很多基于jQuery之类实现的瀑布流布局插 ...
- 微信小程token_微信小程序url与token设置详解
微信小程序url与token设置详解 新浪云应用sae的代码里创建一个weixin.php文件,写入以下代码 isValid(); class wechatAPI { public function ...
- 在微信小程序中绘制图表(part3)
本期大纲 1.饼图绘制 2.如何添加动画效果 3.使用rollup构建项目 相关阅读: 在微信小程序中绘制图表(part1) 在微信小程序中绘制图表(part2) 关注我的 github 项目 查看完 ...
最新文章
- 【java开发系列】—— 集合使用方法
- C#多线程开发-使用并发集合
- 开源cms - 资料收集
- css html5360百科,div+css
- 高效算法之动态规划(第15章)
- mysql带唯一主建任然发生gap,mysql – 使用主键分块从大表中删除时仍然看到锁等待超时...
- HAOI2012高速公路bzoj2752 (线段树,数学)
- 关于eclipse反编译插件不起作用问题的解决
- mysql如何用alter创建索引_MySQL使用ALTER TABLE创建索引
- 手写一个识别旺旺/千牛,手机在线/电脑在线状态的小工具
- linux制作U盘启动盘无法使用,完美:使用syslinux制作U盘启动盘
- 误删了计算机桌面回收站,不小心误删电脑回收站怎么恢复?
- 英文单词之说文解字(9)
- 创作的第一个智能婚恋系统源代码,类似于百合网。
- O2O新猜想:如果商家这样做,还需要团购平台吗
- todos各个组件代码
- Google Earth Engine(GEE)——Python干旱严重程度案例分析
- c语言停车场的收费管理系统,c语言停车场管理系统
- C语言删除链表的倒数第N个节点
- 使用gitee+gitbook搭建个人在线电子书