fit-content 对于ios部分机型本身就有兼容性问题。经测在iPhone 11机器上也会表现出来。跟微信内核、小程序基础库没有关系。
部分机型fit-content无法正常显示width: fit-content 部分机型不能正常使用(iPhone 5S, iOS 10.3.3) 效果图如下 iPhone 5S: https://ws2.sinaimg.cn/large/006tNc79ly1fostfmm11pj30gy0u0abs.jpg 其他: https://ws3.sinaimg.cn/large/006tNc79ly1fostf0n45pj30gy0u0abs.jpg [代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"indicator-container"[代码] [代码]wx:if="{{imageLength > 1}}">[代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"indicators"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]block[代码] [代码]wx:for[代码][代码]=[代码][代码]"{{images}}"[代码] [代码]wx:key[代码][代码]=[代码][代码]"index"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"indicator {{(currentIndex === index)?'active':''}} {{(index !== 0)?'margin-left-enable':''}}"[代码][代码]></[代码][代码]view[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]block[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]style[代码][代码]=[代码][代码]"clear: both"[代码][代码]></[代码][代码]view[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]view[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]view[代码][代码]>[代码][代码].indicator-container {[代码][代码] [代码][代码]position[代码][代码]: [代码][代码]absolute[代码][代码];[代码][代码] [代码][代码]bottom[代码][代码]: [代码][代码]35[代码][代码]rpx;[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]10[代码][代码]rpx;[代码][代码] [代码][代码]}[代码][代码] [代码][代码].indicators {[代码][代码] [代码][代码]width[代码][代码]: fit-content;[代码][代码] [代码][代码]margin[代码][代码]: [代码][代码]auto[代码][代码];[代码][代码] [代码][代码]}[代码][代码] [代码][代码].indicator {[代码][代码] [代码][代码]float[代码][代码]: [代码][代码]left[代码][代码];[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]10[代码][代码]rpx;[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]10[代码][代码]rpx;[代码][代码] [代码][代码]background-color[代码][代码]: [代码][代码]rgb[代码][代码]([代码][代码]230[代码][代码], [代码][代码]230[代码][代码], [代码][代码]230[代码][代码]);[代码][代码] [代码][代码]}[代码][代码] [代码][代码].active {[代码][代码] [代码][代码]background-color[代码][代码]: [代码][代码]black[代码][代码];[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]38[代码][代码]rpx;[代码][代码] [代码][代码]}[代码][代码] [代码][代码].margin-left-enable {[代码][代码] [代码][代码]margin-left[代码][代码]: [代码][代码]22[代码][代码]rpx;[代码][代码] [代码][代码]}[代码]
2022-12-08在官方没修复之前 用 wx.setTabBarItem动态修改下tabbar的icon吧 救救急 #捂脸 wx.setTabBarItem({ index: 0, text: 'text', iconPath: '/path/to/iconPath', selectedIconPath: '/path/to/selectedIconPath' })
通过wx.showTabBarRedDot的方式设置小红点,但在苹果机真机上小红点很小,这是什原因?问题描述:通过wx.showTabBarRedDot的方式设置小红点,在苹果机真机上小红点很小,但安卓手机上正常显示,没有设置字体大小 苹果机上(异常): [图片] 安卓机上(正常): [图片] 苹果机上微信版本8.0.20 苹果手机型号: [图片]
2022-04-25