variables.scss 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104
  1. // 全局变量文件,比如命名为 _variables.scss
  2. $global-font-size-12: 12px;
  3. $global-font-size-14: 14px;
  4. $global-font-size-16: 16px;
  5. $global-font-size-17: 17px;
  6. $global-font-size-18: 18px;
  7. $global-font-size-19: 19px;
  8. $global-font-size-20: 20px;
  9. $global-font-size-22: 22px;
  10. $global-font-size-23: 23px;
  11. $global-font-size-24: 24px;
  12. $global-font-size-25: 25px;
  13. $global-font-size-26: 26px;
  14. /* 全局覆盖antd表格表头样式 */
  15. .ant-table-thead > tr > th {
  16. font-size: 18px; /* 设置表头字体大小 */
  17. }
  18. /* 全局覆盖antd表格表体样式 */
  19. .ant-table-tbody > tr > td {
  20. font-size: 16px; /* 设置表体字体大小 */
  21. }
  22. .el-form-item__label {
  23. font-size: 18px !important; /* 设置标签字体大小 */
  24. }
  25. .el-input__inner {
  26. font-size: 16px !important; /* 设置输入框字体大小 */
  27. }
  28. /* custom-element-plus.css */
  29. .el-tabs__item {
  30. font-size: 18px !important; /* 设置标签页的字体大小 */
  31. }
  32. .el-tabs__item-text {
  33. font-size: 18px !important; /* 确保标签页文本也有相同的字体大小 */
  34. }
  35. /* custom-antd.css */
  36. .ant-tabs-tab {
  37. font-size: 18px; /* 或者你想要的任何字体大小 */
  38. }
  39. /* 如果需要增大标签页标题的字体大小 */
  40. .ant-tabs-tab-btn {
  41. font-size: 18px; /* 保持与上面一致或按需调整 */
  42. }
  43. /* custom-element-ui.css */
  44. .el-radio__label {
  45. font-size: 16px !important; /* 设置你想要的字体大小 */
  46. }
  47. /* 如果你还想调整单选按钮本身的字体大小(通常是内部的 span),你也可以添加如下规则 */
  48. .el-radio__original {
  49. font-size: 16px !important; /* 确保内部元素也有相应的字体大小 */
  50. }
  51. .el-button {
  52. font-size: 16px !important; /* 设置按钮的字体大小为你想要的尺寸 */
  53. }
  54. /* custom-element-plus.css */
  55. .el-select-dropdown__item {
  56. font-size: 16px !important; /* 设置下拉选项的字体大小 */
  57. }
  58. .el-cascader__menu-item {
  59. font-size: 16px !important; /* 设置级联选择器菜单项的字体大小 */
  60. }
  61. /* 如果需要调整级联选择器输入框的字体大小 */
  62. .el-cascader__input {
  63. font-size: 16px !important; /* 设置输入框内的字体大小 */
  64. }
  65. /* custom-element-plus.css */
  66. .el-pagination__item {
  67. font-size: 16px !important; /* 设置分页项(如页码、跳转按钮等)的字体大小 */
  68. }
  69. /* 如果需要调整页码选择器的字体大小 */
  70. .el-select-dropdown__item {
  71. font-size: 16px !important; /* 分页选择器下拉项字体大小 */
  72. }
  73. /* 如果需要调整输入框的字体大小 */
  74. .el-pagination__editor {
  75. font-size: 16px !important; /* 分页输入框的字体大小 */
  76. }
  77. /* 如果需要调整跳转按钮的字体大小 */
  78. .el-pagination__go-button {
  79. font-size: 16px !important; /* 跳转按钮的字体大小 */
  80. }
  81. /* custom-antd-vue.css */
  82. .ant-descriptions-item-content {
  83. font-size: 16px !important; /* 设置描述列表项内容的字体大小 */
  84. }
  85. /* 如果需要调整标题的字体大小 */
  86. .ant-descriptions-title {
  87. font-size: 18px !important; /* 设置描述列表标题的字体大小 */
  88. }