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

2025-04-06 12:33:38

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

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

2、打开app.json,新建tabber项。代码如下:"pagePath":"此处填页面的根目录","text":"此处填文本,如“首页","iconPath":"此处填的是图标路径","selectedIconPath":"此处填的是被选中时的图标路径"。

微信小程序怎么完成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"}]

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢