微信小程序怎么完成tabber界面

2024-10-12 07:56:27

1、我们第一步需要新建一个文件夹photo,将已经准备好了的图标放在文件夹内。

微信小程序怎么完成tabber界面

3、完成一个tabber界面至少需要两个页面,两个图标。如果需要四个,代码示例如下:"tabB锾攒揉敫ar":{"selectedColor":"#C00000","list":[{"pagePath":"pages/home/home","text":"首页","iconPath":"/static/static/tab_icons/home.png","selectedIconPath":"/static/static/tab_icons/home-active.png"},{"pagePath":"pages/cate/cate","text":"分类","iconPath":"/static/static/tab_icons/cate.png","selectedIconPath":"/static/static/tab_icons/cate-active.png"},{"pagePath":"pages/cart/cart","text":"购物车","iconPath":"/static/static/tab_icons/cart.png","selectedIconPath":"/static/static/tab_icons/cart-active.png"},{"pagePath":"pages/my/my","text":"我的","iconPath":"/static/static/tab_icons/my.png","selectedIconPath":"/static/static/tab_icons/my-active.png"}]

猜你喜欢