前端项目实战叁佰肆拾捌react-admin和material ui-Grid布局样式

最新推荐文章于 2024-09-30 15:42:36 发布

前端歌谣

最新推荐文章于 2024-09-30 15:42:36 发布

阅读量59

点赞数

文章标签：前端 react.js ui

本文链接：https://blog.csdn.net/qq_41632427/article/details/132225451

版权

前端项目实战案例专栏收录该内容

500 篇文章 1 订阅

订阅专栏

<Grid style={{ margin: 0, padding: 0, display: "flex" }} >
                    <Grid style={{ width: "70px", margin: "12px 0 0 12px" }} >
                        {typeList && typeList.map((item: any, index: any) => (
                            <Paper >
                                <ListM component="div">
                                    <ListItem button style={typeId == item.id ? { background: '#ccc', height: "30px" } : { height: "30px" }} onClick={() => handleSelectType(item.id)}>
                                        <ListItemText>{item.name}</ListItemText>
                                    </ListItem>
                                </ListM>
                            </Paper>
                        ))}
                        <Card>
                        </Card>
                    </Grid>
                    <Grid style={{ flexGrow: "1", margin: "24px 0 0 24px" }} >
                        <Paper>
                            <List hasCreate={true} filter={typeId ? { style_id: id, mat_id: typeId } : { style_id: id }} exporter={false} hasEdit={true} resource="t_base_style_materiel">
                                <MaterialTabChange typeId={typeId} value={value}></MaterialTabChange>
                            </List>
                        </Paper>
                    </Grid>
                </Grid>