收藏
回答

通过prop传递外部样式类的类名?

compa

// wxml
   <view class="my-class">compa</view>
// js
Component({
  externalClasses: ['my-class']
})

compb

// wxml
  <compa my-class="{{myClass}}"/>
// js
Component({
  properties: {
    myClass: {
      type: String
      }
    }
})

page

<compb my-class="red"/>
// wxss
.red {
  color: red;
}

问题:通过prop将自定义样式的类名传递给compa,在page层写样式,无法生效!请问这样做是否可行,如果不可行如何实现上述需求


回答关注问题邀请回答
收藏

1 个回答

  • 一念
    一念
    02-16

    我也是遇到这样的问题,请问你解决了吗?

    02-16
    赞同
    回复 2
    • 阿辉
      阿辉
      02-17
      目前是解决了,开启组件的styleIsolation: shared; 应该就能生效,如果还没生效,调试工具看看是不是样式是不是已经生效,只是权重过低,被其他样式覆盖了
      02-17
      回复
    • 一念
      一念
      02-17回复阿辉
      是的,确实是权重过低,被覆盖了。谢谢回复
      02-17
      回复
登录 后发表内容
问题标签