底部tabbar目前有4个tab图标加文字， 现在如果想要在tabbar的中部再加一个大图标，无文字，只能自定义实现吗？

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

感谢，但是我看页面介绍这个好像不是针对 uniapp x

2025-04-21 19:14

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

uniapp x能使用css的这种伪类 unitab-icon:nth-child(3)吗？ 如果能使用这种，应该也能解决

2025-04-21 19:16

DCloud_UNI_JBB

回复 9***@qq.com: 选择器的支持程度可以参考这里 https://doc.dcloud.net.cn/uni-app-x/css/common/selector.html#selector

2025-04-21 19:18

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

回复 DCloud_UNI_JBB: uni.querySelectorAll 用这个api会报错Unresolved reference: querySelectorAll‌

2025-04-21 19:35

DCloud_UNI_JBB

回复 9***@qq.com: 运行在什么平台的？

2025-04-21 19:42

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

回复 DCloud_UNI_JBB: app平台，我看文档里写的都支持，但是感觉没这个api。 如果我想找到tabar上第三个图标元素应该怎么写呢

2025-04-21 19:45

DCloud_UNI_JBB

回复 9***@qq.com: 可能是你代码写的有问题，建议排查一下

2025-04-21 19:47

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

就是想等同实现css的.tabbar_icon:nth-child(3){width:2倍宽度，height:2倍长度} 这个简单的css特效。

因为框架不支持nth-child， 所以想用选择器查找类似queryselectall后setstyles的方式， 目前好像也走不通

2025-04-21 19:48

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

回复 DCloud_UNI_JBB: 代码就是简单的 uni.querySelectorAll('.uni-tabbaritem .uni-tabbaricon')

报的错就是 plugin:uni:app-uts] 编译失败

19:48:50.736 ‌error: Unresolved reference: querySelectorAll‌

19:48:50.736 at pages/tabBar/merchant.uvue:383:27

19:48:50.736 381| },

19:48:50.736 382| onShow() {

19:48:50.736 383| console.log('query',uni.querySelectorAll('.uni-tabbaritem .uni-tabbaricon'))

2025-04-21 19:49

DCloud_UNI_JBB

回复 9***@qq.com: 你先确定下 uni.querySelectorAll 这个api是否能正常运行

2025-04-21 19:56

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

回复 DCloud_UNI_JBB: 不能，编译器会报错，但是文档里写的支持https://doc.dcloud.net.cn/uni-app-x/dom/unielement.html#queryselector

2025-04-21 20:02

DCloud_UNI_JBB

回复 9***@qq.com: 发个复现demo

2025-04-21 20:04