Note for using scoped in UNIapp

Scoped is known to be used for style isolation of UniApp (/vue) pages or components. One small problem with scoped is that the outermost tag style of a component cannot be isolated, for example

/ / the children components
<view class="container">
   code...
</view>
<style scoped>
.container{
  height:100px;
  }
Copy the code

/ / page
<view class="container">
   <chilren />
</view>
<style scoped>
.container{
  height:200px;
  }
Copy the code

The page style height:200px will override the style of the Children component

In my opinion, the easiest way to solve this problem is to put an empty label on the outer layer of the component, and never write styles on the outer layer of the component.