使用外部样式类可以让组件使用指定的组件外样式类,如果希望组件外样式类能够完全影响组件内部,可以将组件构造器中的 options.addGlobalClass 字段置为 true。这个特性从小程序基础库版本 2.2.3 开始支持。

    1. /* CustomComp.js */
    2. export default class CustomComp extends Component {
    3. static options = {
    4. addGlobalClass: true
    5. }
    6. render () {
    7. return <View className="red-text">这段文本的颜色由组件外的 class 决定</View>
    8. }
    9. }
    1. /* 组件外的样式定义 */
    2. .red-text {
    3. color: red;
    4. }