微信小程序 TabBar设置

news/2024/7/20 3:11:24 标签: 微信小程序, notepad++, 小程序

文章目录

  • 一、创建tabbar
  • 二、设置进入首页

一、创建tabbar

app.json中,tabbar按照如下写法设置,

"tabBar": {
    "color": "#8a8a8a",
    "selectedColor": "#1296db",
    "backgroundColor": "#e6e6e6",
    "list": [
      {
        "pagePath": "pages/home/home",
        "text": "首页",
        "iconPath": "/images/tabs/main.png",
        "selectedIconPath": "/images/tabs/main1.png"
      },
      {
        "pagePath": "pages/logs/logs",
        "text": "消息",
        "iconPath": "/images/tabs/message.png",
        "selectedIconPath": "/images/tabs/message1.png"
      },
      {
        "pagePath": "pages/mine/mine",
        "text": "我的",
        "iconPath": "/images/tabs/main.png",
        "selectedIconPath": "/images/tabs/main1.png"
      }
    ]
  },

tabbar和pages等同级

二、设置进入首页

 "pages":[
    "pages/home/home",
    "pages/index/index",
    "pages/mine/mine"
  ],

如果想修改默认选中的tab,只需要修改"pages"数组里的顺序即可。放在前面的会优先选中。
比方说我想优先展示“我的”(mine)界面,将pages里的界面改成如下顺序即可。

"pages":[
    "pages/mine/mine",
    "pages/home/home",
    "pages/index/index"
  ],

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

相关文章

20吨屠宰鸡鸭鹅一体化污水处理设备加工厂家

20吨屠宰鸡鸭鹅一体化污水处理设备加工厂家 溶气气浮机主要构造说明 气浮系统气浮系统集进水、絮凝、分离、集水、出水于一体,与传统气浮设备类似,设有一个稳流室、溶气释放室,使处理性能更稳定,效果更优越。 稳定室:通…

安卓主动发数据到uniapp界面

业务场景: 安卓原生混合app(uniapp),当安卓的sdk有数据回调的时候,uniapp那边怎么实时获取到呢?不是只能通过调用函数的方式获取回调结果的,还有另一种方法,就是使用监听。 在uniapp…

接入API接口文档1688阿里巴巴获取跨境属性数据参考示例

API接口文档的作用和意义: 明确需要的接口服务 API分为很多种,最基础也是产品最需要的诸如短信API,地图API,语音API等,如果我们的产品涉及到此方面的功能,那就必须了解这方面的API以便于在需求设计阶段考…

Css 美化滚动条

/*设置滚动条宽度为 6px*/ ::-webkit-scrollbar {width: 6px; } /*设置背景颜色,并设置边框倒角,设置滚动动画,0.2 */ ::-webkit-scrollbar-thumb {background-color: #0003;border-radius: 10px;transition: all .2s ease-in-out; } /*设置滚…

【kubernetes】k8s中的选主机制

leader-election选主机制 1 为什么需要leader-election? 在集群中存在某种业务场景,一批相同功能的进程同时运行,但是同一时刻,只能有一个工作,只有当正在工作的进程异常时,才会由另一个进程进行接管。这…

安装ipfs-swarm-key-gen

安装ipfs-swarm-key-gen Linux安装go解释器安装ipfs-swarm-key-gen Linux安装go解释器 https://blog.csdn.net/omaidb/article/details/133180749 安装ipfs-swarm-key-gen # 编译ipfs-swarm-key-gen二进制文件 go get -u github.com/Kubuxu/go-ipfs-swarm-key-gen/ipfs-swarm…

洗衣行业在线预约小程序系统源码搭建 支持直播功能+在线预约下单+上门取件

目前,人们对生活品质的追求不断提高,但生活节奏却也不断加快。对品质的追求遇到了忙碌的生活节奏,人们更渴望以最简单、便捷的方式达到追求品质的目的。同时,由于线上支付的普及,大家更希望足不出户就可以解决自己生活…

微信公众号开发(BUG集)

1.微信公众平台接口错误:不合法的自定义菜单使用用户 地址:解决地址 2.微信公众平台接口错误:invalid ip 180.101.72.196 ipv6 ::ffff:180.101.72.196, not in whitelist rid: 6511420b-60c59249-01084d02 白名单离开放服务器IP