美文网首页
2.微信小程序tabBar实现

2.微信小程序tabBar实现

作者: 指尖架构141319 | 来源:发表于2020-03-09 10:46 被阅读0次

新建的项目app.json中

1.创建页面

  "pages": [
    "pages/index/index",
    "pages/home/home",
    "pages/register/register",
    "pages/timeline/timeline"
  ],

2.创建tabBar

 "tabBar": {
    "list": [
      {
        "pagePath": "pages/home/home",
        "iconPath":"images/tabbar/component.png",
        "selectedIconPath": "images/tabbar/component_cur.png",
        "text": "首页"
      },
      {
        "pagePath": "pages/register/register",
        "iconPath": "images/tabbar/plugin.png",
        "selectedIconPath": "images/tabbar/plugin_cur.png",
        "text": "发布"
      },
      {
        "pagePath": "pages/register/register",
        "iconPath": "images/tabbar/about.png",
        "selectedIconPath": "images/tabbar/about_cur.png",
        "text": "我"
      }
    ]
  },

相关文章

网友评论

      本文标题:2.微信小程序tabBar实现

      本文链接:https://www.haomeiwen.com/subject/aljudhtx.html