码迷,mamicode.com
首页 > 其他好文 > 详细

Material-UI v5 样式方案

时间:2021-02-18 13:01:52      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:system   变量   box   临时   使用   ref   选择器   targe   lock   

Material-UI v5 样式方案

临时修改

  • sx属性 将样式对象注入到组件根元素,可以添加组件内部的样式选择器进行样式覆盖,sx属性可以访问theme值和支持样式缩写。Box组件是对sx属性使用的封装,可以作为div的替换进行主题变量的快速访问。

    示例

  • className进行样式覆盖,但是推荐使用makeStyleshook函数进行创建useStyleshook,其中可以访问theme等变量

  • 对material-UI内置组件可以通过classes属性指定覆盖特定的样式

自定义组件

  • createStyles创建初始样式,并通过withStyles(组件)包装组件以获取通过classes属性指定修改样式的能力

    示例

  • 获取sx自定义属性的能力

Material-UI v5 样式方案

标签:system   变量   box   临时   使用   ref   选择器   targe   lock   

原文地址:https://www.cnblogs.com/li1234yun/p/14404180.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!