Closed xmsz closed 2 years ago
你需要在引入 meet 之后, 统一再覆盖
你需要在引入 meet 之后, 统一再覆盖
我是在global.scss里写
@import './assets/css/reset.scss';
@import '@alifd/meet/es/core/index.css';
:root {
--button-medium-corner: 100rpx;
}
但是没有效果
看下最终打包出来的 css 文件
就是打包出来的文件没问题 但是实际表现还是优先级比meet低 没有细看不确定原因
是不是权重影响的
在 global 里没效果,必须要用 import 的方式在 jsx 里引入
ok 就是每个页面都要引入是吗
是的
感觉还是有点麻烦 我现在是
global.scss引入@alifd/meet/es/core/index.css
,这个没什么问题,并且每个页面都有组件样式
然后我想要替换css变量,比如
:root{
--button-medium-corner: 100px;
--color-brand-3: #00d477;
}
然后,如果我在global.scss写,只会生效--color-brand-3
然后我修改优先级
* {
--button-medium-corner: 100px;
--color-brand-3: #00d477;
}
然后,如果我在global.scss写,只会生效--button-medium-corner
我必须要要手动在每个页面里写import '../var.css'
,才行。有点麻烦
有没有其他简单一点方式可以替换变量
我现在临时是写成
:root {
--color-brand-3: #00d477;
}
* {
--button-medium-corner: 100px;
}
``
背景