如何改变材料中抽屉的位置-ui?

时间:2018-04-05 12:32:49

标签: reactjs material-design material-ui

在material-ui

中更改抽屉的位置

我正在尝试将paddingLeft样式应用于抽屉。

出于某种原因,我的代码无效。有没有人有任何想法在这里发生什么?

library(lpSolve)

# inputs
nr <- 3  # no of rows
nc <- 3  # no of cols
r <- 2   # sum of each row equals r
c <- 2   # sum of each col equals c

obj <- rep(1, nr * nc)
const.mat <- rbind(
 t(rep(1, nc) %x% diag(nr)),  # this matrix multiplied by c(m) is row sums
 (diag(nc) %x% t(rep(1, nr)))  # this matrix multiplied by c(m) is col sums
)
const.rhs <- c(rep(r, nr), rep(c, nc))
out <- lp(obj = obj, const.mat = const.mat, const.dir = "=", const.rhs = const.rhs, 
  all.bin = TRUE)

out
## Success: the objective function is 6 

matrix(out$solution, nr, nc)
##      [,1] [,2] [,3]
## [1,]    0    1    1
## [2,]    1    0    1
## [3,]    1    1    0

2 个答案:

答案 0 :(得分:1)

使用CSS API的模态元素,您可以实现您的目标:

<Drawer
  open={xxx}
  onClose={yyy}
  classes={{
     paper: classes.paper,
     modal: classes.modal
  }}
>...</Drawer>

然后

const styles = {
  modal: {
    paddingLeft: 50,
  },
}

参考:https://material-ui-next.com/api/drawer/

答案 1 :(得分:0)

您使用的是哪个版本?

使用最新版本的material-ui,您可以传递classes对象并设置组件层次结构的样式。

希望这有帮助!