Modify the style problem in uniapp

Use uview-ui to modify the style in uniapp

In the process of using nuiapp, we will encounter the problem of modifying the style. First, we need to find the real control class name in uview
in
insert image description here
uniapp through the Elements in the page
insert image description here
. At this time, we can directly modify the style in style. The vue style is traditionally
written in the style
insert image description here
so that the style can be modified. The picture is for the scss environment in vue-cli3. If it does not take effect, use insert image description here
or
insert image description here
basically three ways can solve most problems

custom components

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

Guess you like

Origin blog.csdn.net/moanuan/article/details/120549195