微信小程序关于tabBar的底部图标不显示问题

约定不等于承诺〃 2022-12-23 09:57 181阅读 0赞

如图， list 的顺序，图片，都没有问题，但是底部的 tabbar 图标就是不显示

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hlcm9fcm9uZw_size_16_color_FFFFFF_t_70][]![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hlcm9fcm9uZw_size_16_color_FFFFFF_t_70 1][]

后来发现这里面两个属性，selectedIconPath 和 iconPath  ，前者是选中，后者是没有选中的，我一开始测试的时候 只写了一个属性，就是没有选中的那个属性，所以才没有显示

正确写法是要两个都写的，问题不是什么大问题，记录一下，就是想提醒自己，写代码要仔细一点

"list": [{
            "pagePath": "pages/list/index",
            "selectedIconPath": "img/home.png",
            "iconPath": "img/home1.png",
            "text": "首页"
          },
          {
            "pagePath": "pages/logs/logs",
            "iconPath": "img/user1.png",
            "selectedIconPath": "img/user.png",
            "text": "日志"
          }
        ]

现在就好了，选中和未选中是两张图

![20201124161449615.png][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hlcm9fcm9uZw_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/2020112416124238.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hlcm9fcm9uZw==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hlcm9fcm9uZw_size_16_color_FFFFFF_t_70 1]: /images/20221120/a8e3aecc4f0245fdab9ffbede407f1d2.png
[20201124161449615.png]: https://img-blog.csdnimg.cn/20201124161449615.png