我正在尝试在 Material-UI 中的自定义主题上设置组件的 z-index。他们在 0.14.2 版本中将 zIndex 从基本主题中移出,取而代之的是在名为 zIndex.js 的节点模块中设置 zIndex。我想在我的组件中覆盖 zIndex 但找不到一种方法来做到这一点而不改变节点模块本身,这是一个坏主意。我在一个单独的页面中设置了一个自定义主题,如下所示
import Colors from 'material-ui/lib/styles/colors';
import ColorManipulator from 'material-ui/lib/utils/color-manipulator';
import Spacing from 'material-ui/lib/styles/spacing';
import zIndex from 'material-ui/lib/styles/zIndex';
export default {
spacing: Spacing,
zIndex: zIndex,
fontFamily: 'Roboto, sans-serif',
palette: {
primary1Color: "#303F9F",
primary2Color: "#3F51B5",
primary3Color: "#C5CAE9",
accent1Color: "#448AFF",
accent2Color: "#ED2B2B",
accent3Color: "#F58C8C",
textColor: Colors.darkBlack,
alternateTextColor: Colors.white,
canvasColor: Colors.white,
borderColor: Colors.grey300,
disabledColor: ColorManipulator.fade(Colors.darkBlack, 0.3),
pickerHeaderColor: Colors.cyan500
}
};
Run Code Online (Sandbox Code Playgroud)
然后我app.jsx像这样使用它(为简洁起见缩短了代码)
import ThemeManager from 'material-ui/lib/styles/theme-manager';
import MyRawTheme from '../theme/customTheme.js';
class …Run Code Online (Sandbox Code Playgroud) material-ui ×1