uni-app css scoped

Uni-app中的CSS Scoped是一种保护CSS样式不被全局污染的机制，可以确保组件中的样式只作用于当前组件，而不会影响到其他组件。在编写组件时，只需要在style标签上添加scoped属性即可开启CSS Scoped。例如：

<template>
  <view class="container">
    <text class="text">Hello World</text>
  </view>
</template>

<style scoped>
.container {
  width: 100%;
  height: 100%;
}

.text {
  font-size: 16px;
  color: #333;
}
</style>

在上面的例子中，由于使用了scoped属性，.container和.text样式只作用于当前组件中，不会影响到其他组件。