美文网首页
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