1***@qq.com
1***@qq.com
  • 发布:2022-05-23 09:31
  • 更新:2022-05-23 09:35
  • 阅读:700

tabbar自定义样式H5上显示正常,APP上样式不生效,请问这个是什么情况?

分类:uni-app


这个是H5的样式。



这个是APP上面的样式。

有没有大佬知道这个是什么原因导致的?

2022-05-23 09:31 负责人:无 分享
已邀请:
1***@qq.com

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

.uni-tabbar {  
        .uni-tabbar__mid {  
            bottom: 9px !important;  
        }  

        background-color: rgba(57, 181, 74, 0.1) !important;  

        .uni-tabbar-border {  
            background-color: #e54d42 !important; // tabBar 上边框的颜色  
        }  

        .uni-tabbar__item {  

            // tabBar 单项样式  
            height: 100rpx !important;  

            &:not(:last-child) {  
                border-right: 4rpx solid #eee;  
            }  

            .uni-tabbar__icon {  
                // tabBar 图标样式  
                width: 40rpx !important;  
                height: 40rpx !important;  
            }  

            .uni-tabbar__label {  
                // tabBar 文字样式  
                // color:yellow !important  
            }  
        }  
    }

这里是样式代码,写在APP.VUE里面的

  • 8***@qq.com

    请问最后怎么解决的,我也遇到了同样的问题,H5正常,app无效

    2023-03-16 10:44

该问题目前已经被锁定, 无法添加新回复