当前位置:   article > 正文

Element ui 统一修改组件样式、表格样式、表单样式_修改elemnt组件

修改elemnt组件

通过引入element-ui  组件的props来修改,继续需要修改哪个组件的属性,可以通过文档来打印来看,如表格的属性 ElementUI.Table.props

  1. // 引入element-ui
  2. import ElementUI from 'element-ui'
  3. // 表单默认尺寸
  4. ElementUI.Form.props.size.default = 'small'
  5. // 按钮默认尺寸
  6. ElementUI.Button.props.size.default = 'small'
  1. // 表格样式
  2. ElementUI.Table.props.headerCellStyle.default = () => {
  3. return {
  4. border: "0",
  5. background: "#F2F4F7",
  6. color: "#333333",
  7. fontWeight: "700",
  8. userSelect: "text",
  9. };
  10. }
  11. ElementUI.Table.props.cellStyle.default = () => {
  12. return {
  13. padding: "6px 0",
  14. border: "0",
  15. borderBottom: "1px solid #EBEDF0"
  16. };
  17. }
  18. ElementUI.Table.props.rowStyle.default = () => {
  19. return {
  20. height: "40px"
  21. };
  22. }

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/在线问答5/article/detail/935982
推荐阅读
相关标签
  

闽ICP备14008679号