uniapp 样式穿透

uniApp是一款基于Vue.js的跨平台框架，用于快速构建原生应用。样式穿透（CSS穿透）是指在uniApp中，当需要影响底层原生组件（如Android的WebView或iOS的WKWebView）的样式时，开发者可以直接通过常规的CSS选择器对它们进行样式控制。

在uniApp中，由于其采用了Hybrid的架构，JavaScript层可以访问到部分原生元素，这就使得可以设置一些全局通用的CSS规则，然后通过`ref`属性关联到对应的原生控件上，实现样式穿透。例如：

<view class="custom-class" ref="nativeView"></view>
<style scoped>
.custom-class {
  color: red;
}
</style>

<script>
export default {
  methods: {
    applyStyle() {
      this.$refs.nativeView.style.color = 'blue'; // 可以直接修改原生视图的颜色
    }
  }
};
</script>

在这个例子中，`.custom-class`的选择器穿透到了原生元素上，允许我们动态改变颜色。