简体   繁体   English

使用 material-ui 进行布局

[英]Make a layout with material-ui

I don't know how to make a layout with a child page like this with material-ui.我不知道如何使用 material-ui 使用这样的子页面进行布局。 How do I build this?我如何构建这个?

在此处输入图片说明

If you know how to setup angularjs, you also can setup material-ui.如果你知道如何设置 angularjs,你也可以设置 material-ui。

  1. Same angularjs.相同的 angularjs。 [ index file - setup data-ng-app="myapp" in html tag [ 索引文件 - 在 html 标签中设置 data-ng-app="myapp"
  2. for router use ui-router对于路由器使用 ui-router
  3. setup app.js设置 app.js
  4. use for ui aesthetic用于 ui 美学

make individual view same all like angularjs使个人视图都像 angularjs 一样

And whatever styling you want use material ui, as the document says.正如文档所说,无论您想要什么样式,都可以使用材料 ui。

For styling you can use material-ui grid , then you can use React Router Link or something else and wrap the elements inside the Link (and set the Route in App.js if you use React Router).对于样式,您可以使用material-ui grid ,然后您可以使用 React Router Link 或其他东西并将元素包装在 Link 中(如果使用 React Router,则在 App.js 中设置 Route)。 If you want your page as a child component, just import it as a component to the parent component and return it in the DOM.如果您希望您的页面作为子组件,只需将其作为组件导入父组件并在 DOM 中返回。

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM