uniapp中修改样式问题

uniapp中使用uview-ui修改样式

在nuiapp使用过程中会遇到修改样式问题，首先我们要通过页面中Elements寻找真实控制的class名
uview中

uniapp中

这时候我们直接在style中修改样式有的时候会不成功，这时候就需要用vue样式传统
在style内写

这样就可以修改样式，图中是针对与vue-cli3中scss环境，若不生效则使用
或者

基本三种方式可以解决大多数问题

自定义组件

export default {  
  options: { styleIsolation: 'shared' }  
}