uni-app的 tabBar添加阴影

我在app.vue种加入如下css代码

在h5端时没问题的，有阴影的，但是在app端就不行，求问如何在app端加入阴影

 uni-tabbar, uni-tabbar .uni-tabbar{
    
      
        box-shadow: 0px -2px 10px 0px rgba(132,85,250,0.82);  
    }