wot-design-uni icon indicating copy to clipboard operation
wot-design-uni copied to clipboard

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

Open pure1220 opened this issue 9 months ago • 3 comments

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

pure1220 avatar May 25 '24 01:05 pure1220