/* 侧边导航栏 start*/ .el-menu-item, .el-submenu__title { height: 35px; line-height: 35px; position: relative; -webkit-box-sizing: border-box; white-space: nowrap; list-style: none; } .el-submenu .el-menu-item { height: 35px; line-height: 35px; padding: 0 45px; min-width: 200px; } .site-sidebar__inner { width: 256px; } .site-sidebar__inner { width: 260px; } /* 侧边导航栏 end*/ /*table start*/ .el-table th { display: table-cell !important; background-color: #e2ecf6; color: rgba(37, 35, 35, 0.8); height: 20px; } .el-table .cell { line-height: 14px; font-size: 12px; height: 14px; } .el-input--medium .el-input__inner { height: 28px; line-height: 20px; } .el-table--medium td, .el-table--medium th { padding: 5px 0; } /*table end*/ /* 输入框 start*/ .el-input--medium { font-size: 12px; } .el-button--medium { padding: 3px 10px; font-size: 12px; border-radius: 4px; } .el-select-dropdown__item { font-size: 12px; } .el-form-item { margin-bottom: 0px; } .el-checkbox__inner { width: 12px; height: 11px; } /* 输入框 end*/ /* tag start*/ .el-tag--small { height: 15px; padding: 0 8px; line-height: 13px; } /* tag end*/ .el-table .caret-wrapper { height: 20px; } /* table排序 start */ .el-table .descending .sort-caret.descending { border-top-color: #00ff00; } .el-table .ascending .sort-caret.ascending { border-bottom-color: #00ff00; } /* table排序 end */ /* input start*/ .el-input__inner { padding: 0 5px; } /* input end*/ /* el-dialog start*/ .el-dialog__body{ padding: 0px 10px; } /* el-dialog end*/ /* el-form-item 间距 start*/ .el-form--label-top .el-form-item__label { float: none; display: inline-block; text-align: left; padding: 0px 0 0px; } /* el-form-item 间距 end*/ /* el-form-item 间距 start*/ .el-form--label-top .el-form-item__label { float: none; display: inline-block; text-align: left; padding: 0px 0 0px; line-height: 28px; } .el-form-item--medium .el-form-item__content, .el-form-item--medium .el-form-item__label { line-height: 30px; } .el-form-item--mini.el-form-item, .el-form-item--small.el-form-item { margin-bottom: 1px; } /* el-form-item 间距 end*/ /* 提示消息 start */ .el-message{ margin-top: 20%; } /* end */ /* 布局间距 */ .el-card__body { padding: 5px; } .site-content > .el-tabs > .el-tabs__content { padding: 0 5px 5px; } .site-content--tabs { padding: 30px 0 0; } .site-navbar__brand { height: 35px; line-height: 35px; font-size: 18px; } .site-navbar { height: 35px; } .site-sidebar { top: 35px; } .site-navbar__body { height: 35px; } .site-content > .el-tabs > .el-tabs__header { top: 35px; } .site-navbar__menu .el-menu-item, .site-navbar__menu .el-submenu > .el-submenu__title { height: 35px; line-height: 35px; } .site-content > .el-tabs > .el-tabs__content > .site-tabs__tools { top: 35px; height: 40px; font-size: 16px; line-height: 40px; } /*按钮*/ .el-dialog__footer { padding: 10px 20px 20px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; } /*提示消息 按钮 确认在右 取消仔左*/ .el-message-box__btns { padding: 5px 15px 0; display: flex; flex-direction: row-reverse; gap: 10px; } /* 树结构label 字体*/ .el-tree-node__label { font-size: 12px; } /* form-item__label*/ .el-form-item__label { font-size: 12px; } /* checkbox__label */ .el-checkbox__label { font-size: 12px; } /* radio__label */ .el-radio__label { font-size: 12px; } .el-table .cell, .el-table th div, .el-table--border td:first-child .cell, .el-table--border th:first-child .cell { padding-left: 5px; } .el-table .cell, .el-table th div { padding-right: 4px; overflow: hidden; text-overflow: ellipsis; } /* 全局缩小行间距 LR*/ /* 针对普通的input*/ .el-form-item__content{ margin-top: -3px; } /*全局年与日类型 宽度*/ div.el-time-width{ width: 120px !important; } /* 全局时间右边框*/ input.el-input__inner{ height: 32px !important; padding-right: 0px !important; } /* 时间框选择样式 */ .customer-css span.el-input__prefix{ left: 1px; } /* 时间HH:MM的样式*/ .el-input--prefix .el-input__inner { padding-left: 23px; } /* table单击选中行的样式 */ .el-table__body tr.current-row > td{ background-color: #d9edf7 !important; ; /* color: #f19944; */ /* 设置文字颜色,可以选择不设置 */ } /*全局的fieldset样式*/ .customer-fieldset{ padding: 0.125em; } /*全局fieldset的legend的样式*/ .customer-fieldset > .customer-legend{ font-size: 12px; line-height: 20px; } /*全局fieldset的页签内容的样式*/ .customer-fieldset .el-tabs__item { padding: 0 13px; height: 26px; line-height: 26px; font-size: 12px; font-weight: 500; } /*定制组件的样式*/ .customer-css .el-dialog{ top: 10vh !important; margin-top: 0px !important; margin-bottom: 10px; } /* 定制模态框中 table的样式 */ .customer-tab .el-table .is-leaf{ line-height: 16px; } .customer-components .el-table .is-leaf{ line-height: 16px; } /*.el-form { margin-top: -8px !important; }*/ // 2021-12-14 13:29 sxm .el-form-item--medium .el-form-item__label { height: 20px; line-height: 20px; } .el-input--medium .el-input__inner,.el-form-item--medium .el-form-item__content { height: 24px; line-height: 20px; } .el-input--medium .el-input__icon { line-height: 20px; } .el-form-item--mini .el-form-item__content, .el-form-item--mini .el-form-item__label { line-height: 20px; } .el-form-item--mini .el-form-item__label { line-height: 20px; } // sxm 模态框 2021-12-22 .el-dialog__header { padding: 5px 10px 5px; } .el-dialog__footer { padding: 5px 10px 5px; } .el-dialog--center .el-dialog__body { text-align: initial; padding: 0px 10px 0px; } .el-dialog__headerbtn { position: absolute; top: 5px; right: 10px; padding: 0; background: 0 0; border: none; outline: 0; cursor: pointer; font-size: 16px; } /*全局 el-table 下 el-input的样式 LR 2022-01-12*/ .customer-number-cell .cell{ height: 24px !important; padding: 0px; } .customer-text-cell .cell{ height: 24px !important; padding: 0px; } /*table中input 修改样式*/ div.table-number-input { padding: 0px 0px; height: 24px !important; } /*table中input*/ div.table-number-input input.el-input__inner{ padding: 0px 0px; height: 24px !important; text-align: right; } div.table-text-input input.el-input__inner{ padding: 0px 0px; height: 24px !important; text-align: center; } /*a标签全局无下划线 2022-01-18 LR*/ a:hover{ text-decoration: none; } /*重写checkbox的样式 2022-03-09*/ .el-checkbox__inner::after { left: 3px; top: -0.5px; } .sl .el-form-item { margin-bottom: 5px; } .el-textarea__inner { padding: 5px 5px; } .el-button--small, .el-button--small.is-round { padding: 5px 10px; } .el-dropdown-menu--medium .el-dropdown-menu__item { line-height: 30px; padding: 0 17px; font-size: 12px; } .el-transfer-panel { border: 2px solid #17b3a3; border-radius: 4px; overflow: hidden; background: #fff; display: inline-block; vertical-align: middle; width: 252px; max-height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } .el-transfer-panel .el-transfer-panel__header { height: 40px; line-height: 40px; background: #17b3a3; margin: 0; padding-left: 15px; border-bottom: 1px solid #17b3a3; -webkit-box-sizing: border-box; box-sizing: border-box; color: #000; } .rred input { color: red; } /* 自定义渐变按钮 */ .el-button { color: #fff !important; border: none !important; background-image: linear-gradient( 45deg, #17b3a3, #17c6f1 ) !important; transition: all 0.3s ease !important; /* 添加过渡动画 */ } /* 鼠标悬停加深渐变 */ .el-button:hover { background-image: linear-gradient( 45deg, #17b3a3, #17c6f1 ) !important; } /* 点击状态 */ .el-button:active { background-image: linear-gradient( 45deg, #17b3a3, #0052a3 ) !important; } .status-bar { background: #17b3a3; color: white; padding: 8px 12px; display: flex; justify-content: space-between; font-size: 14px; flex-shrink: 0; margin-bottom: 5px; } /* 默认$confirm弹出框尺寸 */ .el-message-box { width: 88% !important; /* 调整宽度 */ max-width: 330px !important; /* 限制最大宽度 */ min-width: 200px !important; /* 限制最小宽度 */ } .el-form-item { margin-bottom: 5px; } .pda-button { position: relative; width: 90px; height: 90px; aspect-ratio: 1; border: none; border-radius: 12px; display: flex; flex-direction: column; align-items: center; justify-content: center; color: white; transition: transform 0.1s ease; box-shadow: 0 4px 8px rgba(0,0,0,0.1); overflow: hidden; cursor: pointer; user-select: none; } .button-icon { font-size: 28px; margin-bottom: 6px; } .button-label { font-size: 18px; font-weight: 800; } @media (max-width: 350px) { .button-icon { font-size: 24px; } .button-label { font-size: 16px; } } .submit-btn { padding: 12px; background: #07c160; color: white; border: none; font-size: larger; margin-bottom: 10px; } @media screen and (max-width: 600px) { .el-message { top: 40% !important; left: 60% !important; transform: translate(-50%, -50%) !important; max-width: 200px !important; /* 弹窗最大宽度 */ width: 50vw !important; /* 或者用百分比宽度,适应屏幕 */ padding: 10px 20px; /* 适当调整内边距 */ box-sizing: border-box; } }