@import '~ant-design-vue/dist/antd.less'; // 引入官方提供的 less 样式入口文件 // @import "~ant-design-vue/lib/style/index"; @import './newThem.less'; // 用于覆盖上面定义的变量 // The prefix to use on all css classes from ant-pro. @ant-pro-prefix : ant-pro; @ant-global-sider-zindex : 106; @ant-global-header-zindex : 105; .text-overflow{ overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .text-overflows{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } /* 扩展ant design pro按钮组件颜色 */ .ant-btn-primary.button-primary,.ant-btn-primary.button-info,.ant-btn-primary.button-warning,.ant-btn-primary.button-geekblue,.ant-btn-primary.button-purple { background-color: #39f; border-color: #39f; margin: 0 5px; font-size: 12px; &:hover, &:focus { background-color: #52a6fb; border-color: #52a6fb; } &:active, &.active { background-color: #3d80bf; border-color: #3d80bf; } } .ant-btn-background-ghost.ant-btn-primary.button-info{ background-color: transparent; color: #39f; &:hover, &:focus { color: #52a6fb; border-color: #52a6fb; opacity: 0.8; } } .ant-btn-primary.button-primary[disabled],.ant-btn-primary.button-info[disabled],.ant-btn-primary.button-warning[disabled],.ant-btn-primary.button-geekblue[disabled],.ant-btn-primary.button-purple[disabled]{ color: rgba(255, 255, 255, 0.5); } .ant-btn-primary.button-success { background-color: #11b116; border-color: #00af54; margin: 0 5px; font-size: 12px; &:hover, &:focus { background-color: #01dc8c; border-color: #01dc8c; } &:active, &.active { background-color: #00af57; border-color: #00af57; } } .ant-btn-primary.button-error { background-color: #f30; border-color: #f30; margin: 0 5px; font-size: 12px; &:hover, &:focus { background-color: #ff6666; border-color: #ff6666; } &:active, &.active { background-color: #d62a00; border-color: #d62a00; } } .ant-btn-primary.button-grey { background-color: #82848a; border-color: #82848a; margin: 0 5px; font-size: 12px; &:hover, &:focus { background-color: #909399; border-color: #909399; } &:active, &.active { background-color: #c8c9cc; border-color: #c8c9cc; } } // btn-link .ant-btn-link.button-primary,.ant-btn-link.button-info,.ant-btn-link.button-warning,.ant-btn-link.button-purple,.ant-btn-link.button-geekblue { color: #39f; &:hover, &:focus { color: #48b7fb; } &:active, &.active { color: #3d80bf; } } .ant-btn-link.button-success { color: #0c6; &:hover, &:focus { color: #01dc8c; } &:active, &.active { color: #00af57; } } .ant-btn-link.button-error { color: #f30; &:hover, &:focus { color: #ff6666; } &:active, &.active { color: #d62a00; } } .ant-btn-link.button-default { color: #1b1b1b; &:hover, &:focus { color: #66696d; } &:active, &.active { color: #8e8f91; } } .ant-btn-link.button-grey { color: #82848a; &:hover, &:focus { color: #909399; } &:active, &.active { color: #c8c9cc; } } .link-bule{ color: #39f; cursor: pointer; &:hover, &:focus { color: #4bc3fb; text-decoration: underline; } &:active, &.active { color: #3d80bf; } } // 查询条件样式 .table-page-search-wrapper { .ant-form.ant-form-inline{ .ant-form-item { margin-bottom: 10px!important; .ant-input,.ant-select-selection{ border-radius: 2px; padding: 0px 11px; font-size: 12px; } .ant-form-item-label{ line-height: 32px!important; padding-right: 8px!important; } .ant-form-item-control{ line-height: 31px!important; } .ant-form-item-control-wrapper{ .ant-select-selection__rendered{ margin: 0!important; } } } } .form-model-con.ant-form.ant-form-inline{ // a-form-model 有必选条件(因校验提示信息原因,因此边距需高于无必选条件边距) .ant-form-item { margin-bottom: 16px!important; .ant-form-explain{ font-size: 12px; } } } .table-page-search-submitButtons { margin-bottom: 9px; } } // 菜单样式 .sider { .logo { h1 { font-size: 12px!important; } } .ant-menu{ .ant-menu-submenu{ .ant-menu-item{ // 二级菜单左侧缩进 padding-left: 30px!important; } } } } .top-nav-header-index{ .ant-menu{ .ant-menu-item, .ant-menu-submenu-title{ padding: 0 10px; } } } .ant-menu-submenu{ .ant-menu{ li{ height: 30px; line-height: 30px; margin: 5px 0 3px; } } } // 内容盒子样式 .content { .table-operator { padding: 0 0 8px; button { margin-right: 8px; margin-left: 0; } } .table-operator-nobor{ padding: 0 0 10px 0; button { margin-right: 5px; } } .affix-cont{ z-index: 99; position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; background-color: #fff; padding: 7px 0 4px; box-shadow: 0 0 20px #dcdee2; } } .ant-descriptions-item > span{ word-break: break-all!important; } // 页签样式 .multi-tab-con{ .ant-tabs-nav-container{ height: 31px!important; .ant-tabs-tab{ padding: 0 8px!important; height: 30px!important; line-height: 30px!important; } } } // a-alert样式 .ant-alert,.ant-alert-info{ .ant-alert-icon{ top: 6.5px!important; left: 5px!important; } padding: 3px 10px!important; border-radius: 2px!important; } .ant-page-header{ padding: 5px 10px!important; } .ant-radio-disabled + span{ color: rgba(0, 0, 0, 0.6)!important; } // 表格 样式 .sTable{ .ant-table{ .ant-table-content{ .ant-table-header tr th, .ant-table-thead tr th{ background: #fafafa!important; font-weight: bold; color: #000!important; padding: 5px!important; text-align: center!important; } } } .ant-pagination.ant-table-pagination{ margin: 10px 0 0; } .ant-table-small > .ant-table-content .ant-table-body{ margin: 0; .ant-btn{ user-select: auto !important; } } input:disabled{ opacity: 1!important; color: #fff!important; -webkit-text-fill-color: #fff!important; } .ant-table-row{ td{ > div:not(.ant-table-row-expand-icon):empty::after{ content: '--'; } .ant-select-search__field__mirror{ white-space: pre-wrap; } } } .ant-table-small > .ant-table-content .ant-table-body,.ant-table-fixed-right{ margin: 0; tr:hover{ td{ > div:not(.ant-table-row-expand-icon):empty::after{ content: '--'; } } } } } .sTable.fixPagination{ >.ant-table-wrapper{ height: 100%; >.ant-spin-nested-loading{ height: 100%; >.ant-spin-container{ height: 100%; position: relative; .ant-pagination.ant-table-pagination{ position: absolute; right: 0; bottom: 0; } } } } } .ant-collapse{ .ant-collapse-header{ padding: 3px 0 5px 38px!important; } .ant-collapse-content-box{ padding: 10px 10px 5px!important; .ant-descriptions-item{ padding-bottom: 8px!important; } } } .ant-form-item-label{ label{ color: #000000!important; } } .ant-alert-message, .ant-card-head{ color: #000000!important; } .ant-select-disabled .ant-select-selection,.ant-cascader-picker-disabled{ color: #999!important; }