variables.scss 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157
  1. // 全局变量文件,比如命名为 _variables.scss
  2. $global-font-size-12: 12px;
  3. $global-font-size-13: 13px;
  4. $global-font-size-14: 14px;
  5. $global-font-size-15: 15px;
  6. $global-font-size-16: 16px;
  7. $global-font-size-17: 17px;
  8. $global-font-size-18: 18px;
  9. $global-font-size-19: 19px;
  10. $global-font-size-20: 20px;
  11. $global-font-size-21: 21px;
  12. $global-font-size-22: 22px;
  13. $global-font-size-23: 23px;
  14. $global-font-size-24: 24px;
  15. $global-font-size-25: 25px;
  16. $global-font-size-26: 26px;
  17. $global-font-size-27: 27px;
  18. $global-font-size-28: 28px;
  19. $global-font-size-29: 29px;
  20. $global-font-size-30: 30px;
  21. $global-font-size-31: 31px;
  22. $global-font-size-32: 32px;
  23. $global-font-size-34: 34px;
  24. $global-font-size-36: 36px;
  25. $global-font-size-46: 46px;
  26. $global-font-size-48: 48px;
  27. $global-color-003: #003894;
  28. $global-color-107: #1073ff;
  29. $global-color-2D2: #2d2d2d;
  30. $global-color-fff: #ffffff;
  31. $global-color-bbb: #bbbbbb;
  32. $global-color-595: #595959;
  33. /* 全局覆盖antd表格表头样式 */
  34. .ant-table-thead > tr > th {
  35. font-size: 18px; /* 设置表头字体大小 */
  36. }
  37. /* 全局覆盖antd表格表体样式 */
  38. .ant-table-tbody > tr > td {
  39. font-size: 16px; /* 设置表体字体大小 */
  40. }
  41. .el-form-item__label {
  42. font-size: 18px !important; /* 设置标签字体大小 */
  43. }
  44. // .el-input__inner {
  45. // font-size: 16px !important; /* 设置输入框字体大小 */
  46. // }
  47. /* custom-element-plus.css */
  48. .el-tabs__item {
  49. font-size: 18px !important; /* 设置标签页的字体大小 */
  50. }
  51. .el-tabs__item-text {
  52. font-size: 18px !important; /* 确保标签页文本也有相同的字体大小 */
  53. }
  54. /* custom-antd.css */
  55. .ant-tabs-tab {
  56. font-size: 18px; /* 或者你想要的任何字体大小 */
  57. }
  58. /* 如果需要增大标签页标题的字体大小 */
  59. .ant-tabs-tab-btn {
  60. font-size: 18px; /* 保持与上面一致或按需调整 */
  61. }
  62. /* custom-element-ui.css */
  63. .el-radio__label {
  64. font-size: 16px !important; /* 设置你想要的字体大小 */
  65. }
  66. /* 如果你还想调整单选按钮本身的字体大小(通常是内部的 span),你也可以添加如下规则 */
  67. .el-radio__original {
  68. font-size: 16px !important; /* 确保内部元素也有相应的字体大小 */
  69. }
  70. .el-button {
  71. font-size: 16px !important; /* 设置按钮的字体大小为你想要的尺寸 */
  72. }
  73. /* custom-element-plus.css */
  74. .el-select-dropdown__item {
  75. font-size: 16px !important; /* 设置下拉选项的字体大小 */
  76. }
  77. .el-cascader__menu-item {
  78. font-size: 16px !important; /* 设置级联选择器菜单项的字体大小 */
  79. }
  80. /* 如果需要调整级联选择器输入框的字体大小 */
  81. .el-cascader__input {
  82. font-size: 16px !important; /* 设置输入框内的字体大小 */
  83. }
  84. /* custom-element-plus.css */
  85. .el-pagination__item {
  86. font-size: 16px !important; /* 设置分页项(如页码、跳转按钮等)的字体大小 */
  87. }
  88. .el-select--large .el-select__wrapper {
  89. font-size: 16px !important; /* 设置分页项(如页码、跳转按钮等)的字体大小 */
  90. }
  91. .el-range-editor--large .el-range-input {
  92. font-size: 16px !important; /* 设置分页项(如页码、跳转按钮等)的字体大小 */
  93. }
  94. /* 如果需要调整页码选择器的字体大小 */
  95. .el-select-dropdown__item {
  96. font-size: 16px !important; /* 分页选择器下拉项字体大小 */
  97. }
  98. /* 如果需要调整输入框的字体大小 */
  99. .el-pagination__editor {
  100. font-size: 16px !important; /* 分页输入框的字体大小 */
  101. }
  102. /* 如果需要调整跳转按钮的字体大小 */
  103. .el-pagination__go-button {
  104. font-size: 16px !important; /* 跳转按钮的字体大小 */
  105. }
  106. /* custom-antd-vue.css */
  107. .ant-descriptions-item-content {
  108. font-size: 16px !important; /* 设置描述列表项内容的字体大小 */
  109. }
  110. /* 如果需要调整标题的字体大小 */
  111. .ant-descriptions-title {
  112. font-size: 18px !important; /* 设置描述列表标题的字体大小 */
  113. }
  114. /* custom-antd.css */
  115. .ant-checkbox-wrapper {
  116. font-size: 18px; /* 设置复选框标签的字体大小 */
  117. }
  118. /* 如果你还想调整复选框内部的文字大小(例如当使用 indeterminate 状态时) */
  119. .ant-checkbox-input {
  120. & + .ant-checkbox-inner {
  121. font-size: 16px; /* 设置复选框内部文字的字体大小 */
  122. }
  123. }
  124. .ant-menu-title-content {
  125. font-size: 18px !important; /* 设置复选框内部文字的字体大小 */
  126. }
  127. .el-checkbox__label {
  128. font-size: 16px !important; /* 设置复选框内部文字的字体大小 */
  129. }
  130. .el-collapse-item__header {
  131. font-size: $global-font-size-20 !important;
  132. height: 60px !important;
  133. }
  134. .el-collapse-item__content {
  135. font-size: $global-font-size-18 !important;
  136. }
  137. .el-descriptions--large .el-descriptions__body .el-descriptions__table .el-descriptions__cell {
  138. font-size: $global-font-size-18 !important;
  139. }