AjiMIde
AjiMIde
  • 发布:2019-05-06 22:45
  • 更新:2019-05-07 09:38
  • 阅读:6864

uni-app如何覆盖页面中的组件中的样式

分类:uni-app

**假如我有一个页面 pageA

引用了一个组件 compB

在组件 compB 下面层次中,放置了一个 view ,样式类名为 .class-c

然后我在 pageA中写样式,生成样式

.page-a[data-f32kd234] {}

但是 compB下面的 类名为

.class-c[data-k32j1k43] {}

如果我在 pageA 中写样式覆盖 compB 中的 .class-c 的 view,会生成:

.page-a .class-c[data-f32kd234] {}

而 compB 中的 view 没有设置属性 data-f32kd234 我就没有办法覆盖掉 compB 的样式

求大神求解**

2019-05-06 22:45 负责人:无 分享
已邀请:
香蕉不是笨啦啦

香蕉不是笨啦啦 - 哈哈哈

那就不要用scoped

  • AjiMIde (作者)

    你好问一下,scoped怎么取消?

    2019-05-07 14:49

  • wenju

    回复 AjiMIde: 编译到H5如果要重置组件样式使用 >>> .test{ xxx }

    scss的话 要使用 /deep/ .test{ xxx }

    2019-06-12 16:32

  • 6***@qq.com

    回复 wenju: 你好! 运行到微信开发者工具 /deep/ 没有用 是否有办法?

    2020-02-14 10:54

该问题目前已经被锁定, 无法添加新回复