Material ui 材质UI主题变量
我正在寻找一种方法来设置一个创建材质ui主题,并使用一个变量 (我创建了一个自定义的类似表格的布局,但没有使用表格) “header”嵌套在使用此主题的themeprovider中 “body”是列表上的映射,创建了一个使用相同themeprovider样式的自定义元素Material ui 材质UI主题变量,material-ui,parameter-passing,Material Ui,Parameter Passing,我正在寻找一种方法来设置一个创建材质ui主题,并使用一个变量 (我创建了一个自定义的类似表格的布局,但没有使用表格) “header”嵌套在使用此主题的themeprovider中 “body”是列表上的映射,创建了一个使用相同themeprovider样式的自定义元素 <Box style={ClientOrderListTheme.root}> <ThemeProvider theme={ClientOrderListTheme}> // This t
<Box style={ClientOrderListTheme.root}>
<ThemeProvider theme={ClientOrderListTheme}> // This theme is also applied to the
// {listitems}
<div style={ClientOrderListTheme.headerRow}>
.... // this is the headerElement
{isLoading && (
<div className={classes.loadingOverlay}>
<Loader />
</div>
)}
</div>
</ThemeProvider>
{listItems}
</Box>
//这个主题也适用于
//{listitems}
.... // 这是头饰
{isLoading&&(
)}
{listItems}
这段代码按照我希望的方式工作,但现在我正在寻找一种方法,将我为这个列表创建的主题重新用于其他列表
为了实现这一点,我必须能够确定我需要的列的数量,因为每列的宽度是通过以下css属性计算的:
宽度:“计算((100%-80px)/10)”,
在本例中,有10列,但我希望用一个变量确定10列,但似乎找不到合适的方法来实现这一点
感谢您的帮助:)