微信小程序的路由,微信小程序底部栏怎么写,微信小程序swich路由

10 篇文章 0 订阅

小程序路由

首先,小程序的路由不同于Vue 等 框架,小程序采用的是 高封装度,低自定义化的方案。

小程序的路由 配置 及其简单,只要不过几行代码 就能搞定 ,毕竟腾讯出品,必属精品(5毛一条,括号内删除)

 

第一步 先建立文件夹

这里为了方便叫AAAA

然后创建 内容  也叫 AAAA  注意 这里要选择新建page  注意 这里要选择新建page  注意 这里要选择新建page  重要的事说三遍

然后App.json 中就自动出现了具体内容

ps:如果把AAAA 移动到第一行的话 ,进入小程序的首页就会变成 AAAA

  "tabBar": {
    "color": "#a9b7b7",
    "selectedColor": "#11cd6e",
    "borderStyle": "white",
    "list": [
      {
        "selectedIconPath": "./pages/images/t2-h.png",  //选择状态的Icon
        "iconPath": "./pages/images/t2.png",            //未选择状态的Icon
        "pagePath": "pages/AAAA/AAAA",                  //地址
        "text": "AAAA"                                  //标题名
      },
      {
        "selectedIconPath": "./pages/images/t3-h.png",
        "iconPath": "./pages/images/t3.png",
        "pagePath": "pages/event/event",
        "text": "个人"
      }
    ]
  },

在App.json 最外层加上上面的   tabBar 配置 就好了 看下页面效果

ps: icon 要自己配置地址和图片

pss:不要在意上面彩色的顶部栏,这是其他的东西

psss:tabBar的list里面 至少要有两个页面才行

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值