123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157 |
- // 全局变量文件,比如命名为 _variables.scss
- $global-font-size-12: 12px;
- $global-font-size-13: 13px;
- $global-font-size-14: 14px;
- $global-font-size-15: 15px;
- $global-font-size-16: 16px;
- $global-font-size-17: 17px;
- $global-font-size-18: 18px;
- $global-font-size-19: 19px;
- $global-font-size-20: 20px;
- $global-font-size-21: 21px;
- $global-font-size-22: 22px;
- $global-font-size-23: 23px;
- $global-font-size-24: 24px;
- $global-font-size-25: 25px;
- $global-font-size-26: 26px;
- $global-font-size-27: 27px;
- $global-font-size-28: 28px;
- $global-font-size-29: 29px;
- $global-font-size-30: 30px;
- $global-font-size-31: 31px;
- $global-font-size-32: 32px;
- $global-font-size-34: 34px;
- $global-font-size-36: 36px;
- $global-font-size-46: 46px;
- $global-font-size-48: 48px;
- $global-color-003: #003894;
- $global-color-107: #1073ff;
- $global-color-2D2: #2d2d2d;
- $global-color-fff: #ffffff;
- $global-color-bbb: #bbbbbb;
- $global-color-595: #595959;
- /* 全局覆盖antd表格表头样式 */
- .ant-table-thead > tr > th {
- font-size: 18px; /* 设置表头字体大小 */
- }
- /* 全局覆盖antd表格表体样式 */
- .ant-table-tbody > tr > td {
- font-size: 16px; /* 设置表体字体大小 */
- }
- .el-form-item__label {
- font-size: 18px !important; /* 设置标签字体大小 */
- }
- // .el-input__inner {
- // font-size: 16px !important; /* 设置输入框字体大小 */
- // }
- /* custom-element-plus.css */
- .el-tabs__item {
- font-size: 18px !important; /* 设置标签页的字体大小 */
- }
- .el-tabs__item-text {
- font-size: 18px !important; /* 确保标签页文本也有相同的字体大小 */
- }
- /* custom-antd.css */
- .ant-tabs-tab {
- font-size: 18px; /* 或者你想要的任何字体大小 */
- }
- /* 如果需要增大标签页标题的字体大小 */
- .ant-tabs-tab-btn {
- font-size: 18px; /* 保持与上面一致或按需调整 */
- }
- /* custom-element-ui.css */
- .el-radio__label {
- font-size: 16px !important; /* 设置你想要的字体大小 */
- }
- /* 如果你还想调整单选按钮本身的字体大小(通常是内部的 span),你也可以添加如下规则 */
- .el-radio__original {
- font-size: 16px !important; /* 确保内部元素也有相应的字体大小 */
- }
- .el-button {
- font-size: 16px !important; /* 设置按钮的字体大小为你想要的尺寸 */
- }
- /* custom-element-plus.css */
- .el-select-dropdown__item {
- font-size: 16px !important; /* 设置下拉选项的字体大小 */
- }
- .el-cascader__menu-item {
- font-size: 16px !important; /* 设置级联选择器菜单项的字体大小 */
- }
- /* 如果需要调整级联选择器输入框的字体大小 */
- .el-cascader__input {
- font-size: 16px !important; /* 设置输入框内的字体大小 */
- }
- /* custom-element-plus.css */
- .el-pagination__item {
- font-size: 16px !important; /* 设置分页项(如页码、跳转按钮等)的字体大小 */
- }
- .el-select--large .el-select__wrapper {
- font-size: 16px !important; /* 设置分页项(如页码、跳转按钮等)的字体大小 */
- }
- .el-range-editor--large .el-range-input {
- font-size: 16px !important; /* 设置分页项(如页码、跳转按钮等)的字体大小 */
- }
- /* 如果需要调整页码选择器的字体大小 */
- .el-select-dropdown__item {
- font-size: 16px !important; /* 分页选择器下拉项字体大小 */
- }
- /* 如果需要调整输入框的字体大小 */
- .el-pagination__editor {
- font-size: 16px !important; /* 分页输入框的字体大小 */
- }
- /* 如果需要调整跳转按钮的字体大小 */
- .el-pagination__go-button {
- font-size: 16px !important; /* 跳转按钮的字体大小 */
- }
- /* custom-antd-vue.css */
- .ant-descriptions-item-content {
- font-size: 16px !important; /* 设置描述列表项内容的字体大小 */
- }
- /* 如果需要调整标题的字体大小 */
- .ant-descriptions-title {
- font-size: 18px !important; /* 设置描述列表标题的字体大小 */
- }
- /* custom-antd.css */
- .ant-checkbox-wrapper {
- font-size: 18px; /* 设置复选框标签的字体大小 */
- }
- /* 如果你还想调整复选框内部的文字大小(例如当使用 indeterminate 状态时) */
- .ant-checkbox-input {
- & + .ant-checkbox-inner {
- font-size: 16px; /* 设置复选框内部文字的字体大小 */
- }
- }
- .ant-menu-title-content {
- font-size: 18px !important; /* 设置复选框内部文字的字体大小 */
- }
- .el-checkbox__label {
- font-size: 16px !important; /* 设置复选框内部文字的字体大小 */
- }
- .el-collapse-item__header {
- font-size: $global-font-size-20 !important;
- height: 60px !important;
- }
- .el-collapse-item__content {
- font-size: $global-font-size-18 !important;
- }
- .el-descriptions--large .el-descriptions__body .el-descriptions__table .el-descriptions__cell {
- font-size: $global-font-size-18 !important;
- }
|