wot-design-uni
wot-design-uni copied to clipboard
[BUG 上报]钉钉小程序tabbar自定义图标切换有问题,
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