Taro中tabBar的使用

先在路径/src/app.tsx下将页面添加到页面管理中

pages: [
      'pages/index/index',
      'pages/toggle/toggle'
    ],

在页面管理的后面加上tabBar的内容

tabBar:{
      list:[
        {
          pagePath:"pages/index/index",
          text:"首页",
			// 未点击时显示的图片
          iconPath:"pages/images/a.jpg",
			// 点击后显示的图片
          selectedIconPath:"pages/images/b.jpg"
        },
        {
          pagePath:"pages/toggle/toggle",
          text:"cat",
          iconPath:"pages/images/a.jpg",
          selectedIconPath:"pages/images/b.jpg"
        }
      ]
    }

运行后的效果:
在这里插入图片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章