1***@qq.com
1***@qq.com
  • 发布:2020-11-05 10:52
  • 更新:2020-11-10 11:08
  • 阅读:963

【报Bug】使用setTabbarItem, 开发者工具显示图片为错误样式,正式版为默认iconPath

分类:uni-app

产品分类: uniapp/小程序/微信

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: 10

HBuilderX类型: 正式

HBuilderX版本号: 2.9.3

第三方开发者工具版本号: stable 1.03.2006090

基础库版本号: 2.11.3

项目创建方式: HBuilderX

操作步骤:

wx.setTabBarItem({
index: 0,
iconPath: "https://static.yiliit.com/qolai_com/upload/bottom_button/20201105/9ee2a94525133afe20e7d5c56ba37151.png",
selectedIconPath: "https://static.yiliit.com/qolai_com/upload/bottom_button/20201105/9d0e1ca9c58cf8fe48fe150310399a09.png",
success(res){
console.log(res)

  }  
})

预期结果:

wx.setTabBarItem({
index: 0,
iconPath: "https://static.yiliit.com/qolai_com/upload/bottom_button/20201105/9ee2a94525133afe20e7d5c56ba37151.png",
selectedIconPath: "https://static.yiliit.com/qolai_com/upload/bottom_button/20201105/9d0e1ca9c58cf8fe48fe150310399a09.png",
success(res){
console.log(res)

  }  
})  

原生可实现效果

实际结果:

wx.setTabBarItem({
index: 0,
iconPath: "https://static.yiliit.com/qolai_com/upload/bottom_button/20201105/9ee2a94525133afe20e7d5c56ba37151.png",
selectedIconPath: "https://static.yiliit.com/qolai_com/upload/bottom_button/20201105/9d0e1ca9c58cf8fe48fe150310399a09.png",
success(res){
console.log(res)

  }  
})  

uniapp图片显示错误

bug描述:

使用setTabbarItem, 开发者工具显示图片为错误样式

2020-11-05 10:52 负责人:无 分享
已邀请:
DCloud_UNI_LXH

DCloud_UNI_LXH

iconPath不支持网络图片

  • 1***@qq.com (作者)

    之前就是可以的

    2020-11-06 17:27

  • 1***@qq.com (作者)

    我们之前是发过版本的

    2020-11-06 17:27

  • 1***@qq.com (作者)

    而且微信小程序也是支持的

    2020-11-06 17:27

  • 1***@qq.com (作者)

    目前我们的h5是可以的,小程序之前可以,现在就不行了

    2020-11-06 17:28

  • 1***@qq.com (作者)

    ...

    2020-11-09 16:40

DCloud_UNI_LXH

DCloud_UNI_LXH

https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html
从目前文档来看,小程序目前iconPath不支持网络地址,你可以使用原生小程序测试一下。

谢谢反馈。

  • 1***@qq.com (作者)

    我试过了,原生的是可以的

    2020-11-09 17:40

  • 1***@qq.com (作者)

    下面上传的图片是微信开发者文档的内容

    2020-11-09 17:42

  • 1***@qq.com (作者)

    你说的情况是在默认配置里面填写的,我说的是 wx.setTabbarItem

    2020-11-09 17:44

  • 1***@qq.com (作者)

    https://developers.weixin.qq.com/miniprogram/dev/api/ui/tab-bar/wx.setTabBarItem.html

    2020-11-09 17:46

  • 1***@qq.com (作者)

    最主要的是,我们之前有个版本是可以用的

    2020-11-09 17:49

  • DCloud_UNI_LXH

    回复 1***@qq.com: 您好,目前是h5没问题,微信开发者工具没问题,但是小程序真机测试有问题是吗?可以详细的说一下吗?谢谢反馈

    2020-11-09 17:59

1***@qq.com

1***@qq.com (作者)

  • 1***@qq.com (作者)

    这是微信开发者文档

    2020-11-09 17:42

DCloud_UNI_LXH

DCloud_UNI_LXH

您好,可以详细的描述一下吗?我们这里正在进行问题测试
详细的说一下,什么情况图片显示不出,包括当时的运行环境和软件版本号
还有之前可以的时候,软件版本是多少呢?运行环境是如何?

  • 1***@qq.com (作者)

    大概在10月10号,hbx软件版本在2.8.13.2020927,在模拟器/android/ios均测试通过,并上线,

    使用api , uni.setTabbarItem设置底部tabbar,由于需要动态设置,所以采用的是网络链接。上周客户突然告知我们说的他们设置的底部tabbar 未被修改,我们经过排查发现使用原生的依然可行,但是在uniapp代码中使用wx.setTabbarItem依然不可行

    2020-11-10 09:32

  • DCloud_UNI_LXH

    回复 1***@qq.com: 您好,我这里使用2.9.7版本进行构建,使用您提供的网络地址测试。

    在H5有一些小问题,但是已经修改,待下一版发布。

    在微信开发者工具和真机调试时都是支持的。

    您可以升级一下HX进行测试,如果还有问题可随时反馈

    2020-11-10 09:43

  • 1***@qq.com (作者)

    回复 DCloud_UNI_LXH: 目前版本2.9.7.20201105 我是用模拟器,图片显示的是错误的情况,android真机无效

    2020-11-10 10:11

1***@qq.com

1***@qq.com (作者)

前面为目前模拟器看到的效果,后面为后台设置的效果

  • DCloud_UNI_LXH

    您好,我这里使用wechat_devtools_1.03.2009140经测试,微信开发者工具和真机都没有问题,可以下载这个版本重试一下

    2020-11-10 10:42

  • DCloud_UNI_LXH

    回复 DCloud_UNI_LXH: 如果还有问题的话,可以给HX降级使用

    2020-11-10 10:43

1***@qq.com

1***@qq.com (作者)

wechat_devtools_1.03.2009140在hbx2.9.7.20201105与2.9.3.20201014 效果均显示如图的效果

  • DCloud_UNI_LXH

    那你这样,把HX降级到2.8.13.2020927再试一下

    2020-11-10 11:17

  • 1***@qq.com (作者)

    回复 DCloud_UNI_LXH: 我现在微信工具升级了,hbx降级到这个版本好像也不行

    2020-11-10 11:19

  • 1***@qq.com (作者)

    回复 DCloud_UNI_LXH: 可以了,setTimeout(() => {}, 0) 在外层加个这个就可以了

    2020-11-10 11:29

  • 1***@qq.com (作者)

    回复 1***@qq.com: 不过加了在手机上看就有延时的效果了

    2020-11-10 11:33

  • 1***@qq.com (作者)

    回复 1***@qq.com: 之前不加效果显示很明显

    2020-11-10 11:59

该问题目前已经被锁定, 无法添加新回复