微信小程序 - 子组件如何继承使用class样式

一般情况下，小程序无法使用父组件和全局的样式

// 父组件
"usingComponents": {
    "w-tc": "./testChild/index"
  }
pages/test/index.wxml


// 子组件
pages/test/testChild/index.wxml

// app.wxss
.red{
  color: red;
}

image.png

---

这样操作后就可以把父页面中的class样式传递到子组件中使用

// 组件 js
Component({
  externalClasses: ['parent-class']
});
// 组件 wxml

// 父页面 wxml


// ***** class名不能使用驼峰，否则不生效 *****