我想为较小的设备更改 Tab 组件的颜色。下面是我想要实现的一个例子:
import React from 'react'
import Radium from 'radium'
const inkBarStyle = {
background: 'green',
'@media screen and (max-width: 399px)': {
background: 'red'
}
}
class MyComponent extends React.Component {
render() {
return (
<Tabs inkBarStyle={inkBarStyle}>
<Tab label="Tab 1" />
<Tab label="Tab 2" />
<Tab label="Tab 3" />
</Tabs>
)
}
}
export default Radium(MyComponent)
镭已正确导入到我的项目中 - 它被用于<div>
元素等。但它不适用于 Material UI。有没有办法解决这个问题?