微信小程序-页面跳转Tabbar

BNTang

发布于 2023-05-22 08:28:25

6360

发布于 2023-05-22 08:28:25

首先我们需要搭建一个 Tabbar，在搭建之前我们将需要跳转的页面创建一下待会需要使用到。

创建 me 我的页面，在 pages 当中鼠标右键新建页面即可，在新建一个 order 订单页面，更改 app.json 配置添加 tabBar 配置项：

{
  "tabBar": {
    "color": "#000000",
    "backgroundColor": "#000000",
    "list": [
      {
        "pagePath": "pages/index/index",
        "text": "首页",
        "iconPath": "/assets/images/cart.png",
        "selectedIconPath": "/assets/images/cart-active.png"
      },
      {
      "pagePath": "pages/order/order",
      "text": "订单",
      "iconPath": "/assets/images/cart.png",
      "selectedIconPath": "/assets/images/cart-active.png"
      }, 
      {
        "pagePath": "pages/me/me",
        "text": "我的",
        "iconPath": "/assets/images/user.png",
        "selectedIconPath": "/assets/images/user-active.png"
      }
    ]
  }
}

图片，需要的私信我。

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2023-05-21 ，如有侵权请联系 cloudcommunity@tencent.com 删除

assets