// 媒体查询,适配大于2000px分辨率的大屏样式-element样式 @media (min-width: 2000px) { .el-tabs--top .el-tabs__item.is-top:nth-child(2), .el-tabs--top .el-tabs__item.is-bottom:nth-child(2), .el-tabs--bottom .el-tabs__item.is-top:nth-child(2), .el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2) { padding-left: 0.2rem !important; } .el-tabs__item.is-active { height: 0.48rem !important; border-radius: 0.06rem 0.06rem 0px 0px !important; font-size: 0.18rem !important; line-height: 0.48rem !important; } .el-tabs__item { margin-right: 0.06rem !important; padding: 0 0.2rem !important; height: 0.48rem !important; border-radius: 0.06rem 0.06rem 0px 0px !important; font-size: 0.18rem !important; line-height: 0.48rem !important; } .el-switch { font-size: 0.14rem !important; line-height: 0.2rem !important; height: 0.2rem !important; } .el-switch__label { height: 0.2rem !important; font-size: 0.14rem !important; } .el-switch__core { width: 0.4rem !important; height: 0.2rem !important; border-radius: 0.1rem !important; } .el-switch__core:after { top: 0.01rem !important; width: 0.16rem !important; height: 0.16rem !important; } .el-switch.is-checked .el-switch__core::after { margin-left: -0.17rem !important; } .el-switch__label * { font-size: 0.14rem !important; } .el-input--mini { font-size: 0.12rem !important; } .el-input--mini .el-input__inner { height: 0.28rem !important; line-height: 0.28rem !important; } .el-message-box { border-radius: 0.05rem !important; border: 0.02rem solid #005fbf !important; width: 4.2rem !important; padding-bottom: 0.1rem !important; border-radius: 0.04rem !important; font-size: 0.18rem !important; } .el-message-box__header { padding: 0.15rem !important; padding-bottom: 0.1rem !important; } .el-message-box__title { font-size: 0.18rem !important; } .el-message-box__headerbtn { top: 0.15rem !important; right: 0.15rem !important; font-size: 0.16rem !important; } .el-message-box__content { padding: 0.1rem 0.15rem !important; font-size: 0.14rem !important; } .el-message-box__status + .el-message-box__message { padding-left: 0.26rem !important; padding-right: 0.12rem !important; } .el-message-box__input { padding-top: 0.15rem !important; } .el-message-box__btns { padding: 0.05rem 0.15rem 0 !important; } .el-message-box__btns .el-button:nth-child(1) { border-width: 2px; } .el-button--small { padding: 0.09rem 0.15rem !important; font-size: 0.12rem !important; border-radius: 0.02rem !important; } .el-message-box__btns button:nth-child(2) { margin-left: 0.1rem !important; } .el-radio--medium.is-bordered { padding: 0.1rem 0.2rem 0 0.1rem !important; border-radius: 0.04rem !important; height: 0.36rem !important; } .el-radio--medium.is-bordered .el-radio__label { font-size: 0.14rem !important; } .el-radio--medium.is-bordered .el-radio__inner { height: 0.14rem !important; width: 0.14rem !important; } .el-radio__inner::after { width: 0.04rem !important; height: 0.04rem !important; } .el-radio { font-size: 0.14rem !important; margin-right: 0.3rem !important; } .el-radio__inner { width: 0.14rem !important; height: 0.14rem !important; } .el-radio__inner::after { width: 0.04rem !important; height: 0.04rem !important; } .el-radio__label { font-size: 0.14rem !important; padding-left: 0.1rem !important; } .el-range-editor--medium.el-input__inner { height: 0.36rem !important; padding: 0.03rem 0.1rem !important; } .el-date-editor--datetimerange.el-input, .el-date-editor--datetimerange.el-input__inner { width: 4rem !important; } .el-range-editor--medium .el-range__icon, .el-range-editor--medium .el-range__close-icon { line-height: 0.28rem !important; } .el-range-editor--small.el-input__inner { height: 0.32rem !important; } .el-range-editor--small .el-range-input { font-size: 0.13rem !important; } .el-tag--mini .el-icon-close { margin-left: -0.03rem !important; } .el-date-editor .el-range__icon { font-size: 0.14rem !important; margin-left: -0.05rem !important; line-height: 0.32rem !important; } .el-input__icon { width: 0.25rem !important; line-height: 0.32rem !important; } .el-range-editor--medium .el-range-input { font-size: 0.14rem !important; } .el-range-editor--medium .el-range-separator { line-height: 0.28rem !important; font-size: 0.14rem !important; } .el-date-editor .el-range-separator { padding: 0 0.05rem !important; line-height: 0.32rem !important; font-size: 0.14rem !important; } .el-range-editor--medium .el-range__icon, .el-range-editor--medium .el-range__close-icon { line-height: 0.28rem !important; } .el-date-editor .el-range__close-icon { font-size: 0.14rem !important; width: 0.25rem !important; line-height: 0.32rem !important; } .el-popper[x-placement^="bottom"] { margin-top: 0.12rem !important; } .el-picker-panel { line-height: 0.3rem !important; margin: 0.05rem !important; } .el-picker-panel, .el-date-range-picker .el-picker-panel__body { // min-width: 5.13rem !important; } .el-date-picker { width: 3.22rem !important; } .el-date-range-picker__time-header { font-size: 0.12rem !important; padding: 0.08rem 0.05rem 0.05rem 0.05rem !important; } .el-date-range-picker__time-picker-wrap { padding: 0 0.05rem !important; } .el-date-range-picker .el-picker-panel__body { min-width: 5.13rem !important; } .el-date-range-picker { width: 6.46rem !important; } .el-date-editor--daterange.el-input, .el-date-editor--daterange.el-input__inner, .el-date-editor--timerange.el-input, .el-date-editor--timerange.el-input__inner { width: 3.5rem !important; } .el-date-editor--monthrange.el-input, .el-date-editor--monthrange.el-input__inner { width: 3rem !important; } .el-date-editor.el-input, .el-date-editor.el-input__inner { width: 2.2rem !important; } .el-year-table td { padding: 0.2rem 0.03rem !important; } .el-input--small { font-size: 0.13rem !important; } .el-input--small .el-input__inner { height: 0.32rem !important; line-height: 0.32rem !important; } .el-date-range-picker__content { padding: 0.16rem !important; } .el-date-range-picker__header { height: 0.28rem !important; } .el-picker-panel__icon-btn { font-size: 0.12rem !important; margin-top: 0.08rem !important; } .el-date-range-picker__content .el-date-range-picker__header div { margin-left: 0.5rem !important; margin-right: 0.5rem !important; } .el-date-range-picker__header div { font-size: 0.16rem !important; } .el-date-table { font-size: 0.12rem !important; } .el-date-table td span { width: 0.24rem !important; height: 0.24rem !important; line-height: 0.24rem !important; } .el-year-table td .cell { width: 0.48rem !important; height: 0.32rem !important; line-height: 0.32rem !important; } .el-year-table { font-size: 0.12rem !important; margin: -0.01rem !important; } .el-select-dropdown { margin: 0.05rem 0 !important; border-radius: 0.04rem !important; } .el-select-dropdown__wrap, .el-scrollbar__wrap { margin-bottom: -0.1rem !important; margin-right: -0.1rem !important; } .el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after { right: 0.2rem !important; font-size: 0.12rem !important; } .el-select-dropdown__wrap { max-height: 2.74rem !important; } .el-date-table td.start-date div { margin-left: 0.05rem !important; border-top-left-radius: 0.15rem !important; border-bottom-left-radius: 0.15rem !important; } .el-date-table td div { height: 0.3rem !important; padding: 0.03rem 0 !important; } table tr { height: 0.45rem !important; } .el-date-table td { width: 0.32rem !important; height: 0.3rem !important; padding: 0.04rem 0 !important; position: relative; } .el-pager li { padding: 0 0.04rem !important; font-size: 0.13rem !important; min-width: 0.355rem !important; height: 0.28rem !important; line-height: 0.28rem !important; } .el-picker-panel__footer { padding: 0.04rem !important; } .el-button--mini { padding: 0.07rem 0.15rem !important; font-size: 0.12rem !important; border-radius: 0.03rem !important; } .el-input__suffix { right: 0.05rem !important; } .el-select .el-input .el-select__caret { font-size: 0.14rem !important; } .el-select-dropdown__list { padding: 0.06rem 0 !important; } .el-select-dropdown.is-multiple .el-select-dropdown__item { padding-right: 0.4rem !important; } .el-select-dropdown__item { font-size: 0.14rem !important; padding: 0 0.2rem !important; height: 0.34rem !important; line-height: 0.34rem !important; } .el-input--medium .el-input__inner { height: 0.36rem !important; line-height: 0.36rem !important; } .el-input--suffix .el-input__inner { padding: 0 0.3rem !important; } .el-input--medium { font-size: 0.14rem !important; } .el-select .el-tag { margin: 0.02rem 0 0.02rem 0.06rem !important; } .el-tag { height: 0.32rem !important; padding: 0 0.1rem !important; line-height: 0.3rem !important; font-size: 0.12rem !important; } .el-tag .el-icon-close { font-size: 0.12rem !important; height: 0.16rem !important; width: 0.16rem !important; line-height: 0.16rem !important; right: 0rem !important; top: -0.01rem !important; } .el-tag--small { height: 0.24rem !important; padding: 0 0.08rem !important; line-height: 0.22rem !important; } .el-button--medium { padding: 0.1rem 0.2rem !important; font-size: 0.14rem !important; border-radius: 0.04rem !important; } .el-table .el-table__header-wrapper th, .el-table .el-table__fixed-header-wrapper th { font-size: 0.13rem !important; } .el-table th.el-table__cell > .cell { padding-left: 0.1rem !important; padding-right: 0.1rem !important; } .el-table .cell { line-height: 0.23rem !important; } .el-table__empty-text { line-height: 0.6rem !important; font-size: 0.14rem !important; } .el-table--medium .el-table__cell { padding: 0.01rem 0 !important; } .el-table .cell { line-height: 0.23rem !important; padding-left: 0.1rem !important; padding-right: 0.1rem !important; } .el-table { font-size: 0.14rem !important; } .el-breadcrumb__separator { margin: 0 0.09rem !important; margin-right: 0.09rem !important; margin-left: 0.09rem !important; } .el-pagination span:not([class*="suffix"]), .el-pagination button { font-size: 0.13rem !important; min-width: 0.355rem !important; height: 0.28rem !important; line-height: 0.28rem !important; } .el-pagination .el-select .el-input { width: 1rem !important; margin: 0 0.05rem !important; } .el-pagination .el-select .el-input .el-input__inner { padding-right: 0.25rem !important; border-radius: 0.03rem !important; } .el-pagination__sizes .el-input .el-input__inner { font-size: 0.13rem !important; padding-left: 0.08rem !important; } .el-input--mini .el-input__inner { height: 0.28rem !important; line-height: 0.28rem !important; } .el-tree-node__label { font-size: 0.14rem !important; } .el-pagination.is-background .btn-prev, .el-pagination.is-background .btn-next, .el-pagination.is-background .el-pager li { margin: 0 0.05rem !important; min-width: 0.3rem !important; border-radius: 0.02rem !important; } .pagination-container { padding: 0.32rem 0.16rem !important; height: 0.32rem !important; margin-bottom: 0.1rem !important; margin-top: 0.15rem !important; } .el-pagination .btn-prev .el-icon, .el-pagination .btn-next .el-icon { font-size: 0.12rem !important; } .el-pagination__jump { margin-left: 0.24rem !important; } .el-pagination__editor.el-input { width: 0.5rem !important; } .el-input--medium { font-size: 0.14rem !important; } .el-pagination__editor { line-height: 0.18rem !important; padding: 0 0.02rem !important; height: 0.28rem !important; margin: 0 0.02rem !important; margin-right: 0.02rem !important; margin-left: 0.02rem !important; border-radius: 0.03rem !important; } .el-tree-node__content { height: 0.26rem !important; } .el-tree-node__content > .el-tree-node__expand-icon { padding: 0.06rem !important; } .el-tree-node__expand-icon { font-size: 0.12rem !important; } .custom-tree-node { font-size: 0.14rem !important; padding-right: 0.08rem !important; } .el-form-item--small .el-form-item__label { line-height: 0.4rem !important; } .el-form-item__label { font-size: 0.14rem !important; } .el-date-picker__header-label { font-size: 0.16rem !important; padding: 0 0.05rem !important; line-height: 0.22rem !important; } .el-month-table td .cell { width: 0.6rem !important; height: 0.36rem !important; line-height: 0.36rem !important; border-radius: 0.18rem !important; } .el-month-table { font-size: 0.12rem !important; } .el-month-table td { padding: 0.08rem 0px !important; } .mb8 { margin-bottom: 0.08rem !important; } .el-month-table td div { height: 0.48rem !important; padding: 0.06rem 0 !important; } .el-date-picker .el-picker-panel__content { width: 2.92rem !important; } .el-cascader-panel { border-radius: 0.04rem !important; font-size: 0.14rem !important; } .el-cascader-menu { min-width: 1.8rem !important; } .el-cascader-menu__wrap { height: 2.04rem !important; } .el-cascader-menu__list { padding: 0.06rem 0 !important; } .el-cascader-node { padding: 0 0.3rem 0 0.2rem !important; height: 0.34rem !important; line-height: 0.34rem !important; } .el-checkbox { font-size: 0.14rem !important; margin-right: 0.03rem !important; } .el-cascader-node__label { padding: 0 0.1rem !important; } .el-checkbox__inner { border-radius: 0.02rem !important; width: 0.14rem !important; height: 0.14rem !important; } .el-checkbox__inner::after { height: 0.07rem !important; left: 0.04rem !important; top: 0.01rem !important; } .el-checkbox__inner::after { height: 0.07rem !important; left: 0.04rem !important; top: 0.01rem !important; width: 0.03rem !important; } .el-checkbox__input.is-indeterminate .el-checkbox__inner::before { height: 0.02rem !important; top: 0.05rem !important; } .el-dialog { border-radius: 0.1rem !important; border: 0.02rem solid #005fbf !important; } .el-dialog__body { padding: 0.3rem 0.2rem !important; font-size: 0.14rem !important; } .el-form-item { margin-bottom: 0.22rem !important; } .el-dialog__title { width: 2.84rem !important; height: 0.45rem !important; font-size: 0.2rem !important; line-height: 0.25rem !important; } .el-dialog__footer { padding: 0.2rem !important; padding-top: 0.1rem !important; } .el-form-item__content { line-height: 0.4rem !important; font-size: 0.14rem !important; } .el-message-box__message p { line-height: 0.24rem !important; } .el-dialog .el-row { margin-bottom: 0.1rem !important; } .el-dialog__headerbtn { top: 0.32rem !important; right: 0.2rem !important; font-size: 0.16rem !important; } .el-dialog__header { padding: 0.2rem !important; padding-bottom: 0.1rem !important; } .el-dialog__headerbtn .el-dialog__close { font-size: 0.25rem !important; } .el-dropdown-menu--medium .el-dropdown-menu__item { line-height: 0.3rem !important; padding: 0 0.17rem !important; font-size: 0.14rem !important; } .vue-treeselect--searchable .vue-treeselect__input-container { padding-left: 0.05rem !important; padding-right: 0.05rem !important; } .vue-treeselect__x-container, .vue-treeselect__control-arrow-container { width: 0.2rem !important; } .vue-treeselect__x { width: 0.08rem !important; height: 0.08rem !important; } .vue-treeselect__control-arrow, .vue-treeselect__option-arrow { width: 0.09rem !important; height: 0.09rem !important; } .vue-treeselect__option-arrow-container, .vue-treeselect__option-arrow-placeholder { width: 0.2rem !important; } .vue-treeselect div, .vue-treeselect span { line-height: 0.36rem !important; } .el-dropdown-menu--mini .el-dropdown-menu__item { line-height: 0.24rem !important; padding: 0 0.1rem !important; font-size: 0.12rem !important; } // 弹框input宽度对齐 .el-form-item--medium .el-form-item__content { width: 100%; } } @media (min-width: 2000px) { // 页面公共样式 .analysis-table th { height: 0.5rem !important; font-size: 0.16rem !important; } .analysis-table td { font-size: 0.16rem !important; } .app-container .left-tree { width: 2.56rem !important; min-height: 8rem !important; padding: 0.15rem 0.1rem 0.1rem 0.1rem !important; } .app-container .right-monitor { width: calc(100% - 2.8rem) !important; } .buildingDiv { padding-left: 0.54rem !important; margin-bottom: 0.2rem !important; .title-bg { width: 2.08rem !important; height: 0.38rem !important; } .title-word { font-size: 0.24rem !important; } } .choice { margin-left: 0.42rem !important; .mr20 { font-size: 0.16rem !important; width: 0.48rem !important; border-radius: 0.14rem !important; margin-right: 0.1rem !important; } } .timeStyle { border-radius: 0.14rem !important; } .special-div { .special-top { padding: 0.04rem 0.26rem 0.04rem 0 !important; min-height: 0.37rem !important; } .special-top::after { height: 0.01rem !important; top: -0.03rem !important; } .special-top::before { height: 0.01rem !important; bottom: -0.03rem !important; } .special-title { padding-left: 0.36rem !important; font-size: 0.2rem !important; line-height: 0.23rem !important; background-size: 1.4rem 0.35rem !important; background-position: 0px -0.03rem !important; } .special-title::before { width: 0.34rem !important; height: 0.13rem !important; } } // 首页 .project-data { margin: 0.16rem 0 !important; } .form-header { font-size: 0.15rem !important; margin: 0.08rem 0.1rem 0.25rem 0.1rem !important; padding-bottom: 0.05rem !important; } }