Moonofweisheng / wot-design-uni

一个基于Vue3+TS开发的uni-app组件库,提供70+高质量组件,支持暗黑模式、国际化和自定义主题。
https://wot-design-uni.cn/
MIT License
983 stars 165 forks source link

[BUG 上报]钉钉小程序tabbar自定义图标切换有问题, #335

Open pure1220 opened 5 months ago

pure1220 commented 5 months ago

Wot Design Uni 版本号

1.2.22

平台

钉钉小程序

复现Demo地址

重现步骤

  <wd-tabbar-item name="approval" title="审批" :active="tabbar === 'approval'">
    <template #icon="{ active: auditActive }">
      <wd-img
        v-if="auditActive"
        round
        height="40rpx"
        width="40rpx"
        src="../../../static/images/tabbar/approval-selected.png"
      />
      <wd-img
        v-else
        round
        height="40rpx"
        width="40rpx"
        src="../../../static/images/tabbar/approval.png"
      />
    </template>
  </wd-tabbar-item>
  <wd-tabbar-item name="msg" title="消息" :active="tabbar === 'msg'">
    <template #icon="{ active: msgActive }">
      <wd-img
        v-if="msgActive"
        round
        height="40rpx"
        width="40rpx"
        src="../../../static/images/tabbar/msg-selected.png"
      />
      <wd-img
        v-else
        round
        height="40rpx"
        width="40rpx"
        src="../../../static/images/tabbar/msg.png"
      />
    </template>
  </wd-tabbar-item>
  <wd-tabbar-item name="mine" title="我的" :active="tabbar === 'mine'">
    <template #icon="{ active: mineActive }">
      <wd-img
        v-if="mineActive"
        round
        height="40rpx"
        width="40rpx"
        src="../../../static/images/tabbar/mine-selected.png"
      />
      <wd-img
        v-else
        round
        height="40rpx"
        width="40rpx"
        src="../../../static/images/tabbar/mine.png"
      /> </template
  ></wd-tabbar-item>
</wd-tabbar>

期望的结果是什么?

期望的结果正常展示、切换交互图片不会隐藏

实际的结果是什么?

实际结果:交互切换时,自定义的icon图片有时候会隐藏,有时候会替换掉别的图片,不能正常的展示

环境信息

①目前在支付宝小程序模拟器->选择钉钉-企业内部应用时会复现【支付宝小程序正常,钉钉的会有问题】 ②用的vue-cli创建的离线打包项目,uniapp版本:3.0.0-4010520240507001 ③设备信息:模拟器

其他补充信息

No response

Moonofweisheng commented 5 months ago

可以暂时用image标签处理,这个问题我在排查,还不确定是不是uni-app这个版本存在问题。

pure1220 commented 5 months ago

可以暂时用image标签处理,这个问题我在排查,还不确定是不是uni-app这个版本存在问题。

目前我这边也是这样子处理的,我怀疑是uniapp的编译问题。or支付宝小程序开发工具的问题

Moonofweisheng commented 5 months ago

目前测试下来,钉钉作用域插槽里面,使用自定义组件,多次切换就可能造成插槽内的自定义组件不渲染。

---原始邮件--- 发件人: @.> 发送时间: 2024年5月27日(周一) 下午3:43 收件人: @.>; 抄送: @.**@.>; 主题: Re: [Moonofweisheng/wot-design-uni] [BUG 上报]钉钉小程序tabbar自定义图标切换有问题, (Issue #335)

可以暂时用image标签处理,这个问题我在排查,还不确定是不是uni-app这个版本存在问题。

目前我这边也是这样子处理的,我怀疑是uniapp的编译问题。or支付宝小程序开发工具的问题

— Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you commented.Message ID: @.***>