You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
278 lines
5.5 KiB
278 lines
5.5 KiB
6 months ago
|
/**
|
||
|
Ant全局组件样式
|
||
|
*/
|
||
|
.ant-menu-submenu-popup{
|
||
|
.ant-menu-title-content a{
|
||
|
margin-left: 0!important;
|
||
|
}
|
||
|
.ant-menu-submenu-title .anticon + span{
|
||
|
margin-left: 0 !important;
|
||
|
}
|
||
|
.ant-menu-submenu {
|
||
|
height: 40px ;
|
||
|
margin-top: 4px !important;
|
||
|
margin-bottom: 4px !important;
|
||
|
// display: flex;
|
||
|
// align-items: center;
|
||
|
}
|
||
|
.ant-menu-submenu-title .ant-menu-title-content .anticon{
|
||
|
margin-left: 0 !important;
|
||
|
margin-right: 6px;
|
||
|
}
|
||
|
li{
|
||
|
display: flex;
|
||
|
align-items: center;
|
||
|
}
|
||
|
|
||
|
}
|
||
|
#app .ant-layout-has-sider .ant-menu-vertical .ant-menu-item,#app .ant-menu-vertical-left .ant-menu-item, #app.ant-menu-vertical-right .ant-menu-item,#app .ant-menu-inline .ant-menu-item,#app .ant-menu-vertical .ant-menu-submenu-title,#app .ant-menu-vertical-left .ant-menu-submenu-title,#app .ant-menu-vertical-right .ant-menu-submenu-title,#app .ant-menu-inline .ant-menu-submenu-title {
|
||
|
margin-top: 0px !important;
|
||
|
margin-bottom: 0px !important;
|
||
|
height: 40px !important;
|
||
|
}
|
||
|
.ant-menu-vertical.ant-menu-sub, .ant-menu-vertical-left.ant-menu-sub, .ant-menu-vertical-right.ant-menu-sub{
|
||
|
min-width: 0 !important;
|
||
|
}
|
||
|
.ant-menu-submenu .ant-menu-sub{
|
||
|
min-width: 0 !important;
|
||
|
}
|
||
|
.ant-layout-sider-children{
|
||
|
padding-bottom: 40px;
|
||
|
}
|
||
|
|
||
|
////头部被选中高度
|
||
|
//.ant-menu-item-selected {
|
||
|
// height: @layout-header-height;
|
||
|
//}
|
||
|
//
|
||
|
//.ant-menu-item {
|
||
|
// line-height: @layout-header-height;
|
||
|
//}
|
||
|
//
|
||
|
//// .ant-layout {
|
||
|
//// min-height: auto;
|
||
|
//// }
|
||
|
//
|
||
|
//.ant-menu-inline {
|
||
|
// border-right: none;
|
||
|
//}
|
||
|
//
|
||
|
//.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title,
|
||
|
//.ant-menu-inline > .ant-menu-item {
|
||
|
// height: 48px;
|
||
|
// line-height: 48px;
|
||
|
//}
|
||
|
//
|
||
|
//.ant-layout-sider-children {
|
||
|
// color: @text-color !important;
|
||
|
// width: @layout-sider-width;
|
||
|
// line-height: 48px;
|
||
|
// background: #fff;
|
||
|
// box-shadow: 2px 0 6px rgb(0 0 0 / 5%);
|
||
|
//}
|
||
|
//
|
||
|
//.ant-menu-inline .ant-menu-item {
|
||
|
// border: 0 !important;
|
||
|
// margin: 0 !important;
|
||
|
// background-color: @white;
|
||
|
//}
|
||
|
//
|
||
|
////侧边导航
|
||
|
.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected::before {
|
||
|
display: flex;
|
||
|
width: 100%;
|
||
|
height: 100%;
|
||
|
position: absolute;
|
||
|
top:0;
|
||
|
left:0;
|
||
|
content: '';
|
||
|
background-color: #37abc4;
|
||
|
opacity: .1;
|
||
|
}
|
||
|
//
|
||
|
//.ant-menu-item:not(.ant-menu-item-selected) a:hover {
|
||
|
// color: @text-color;
|
||
|
//}
|
||
|
//
|
||
|
//.ant-menu-item::after {
|
||
|
// z-index: 2;
|
||
|
//}
|
||
|
//
|
||
|
//.ant-menu-light .ant-menu-submenu:not(.ant-menu-submenu-selected) .ant-menu-submenu-title:hover {
|
||
|
// color: @text-color;
|
||
|
//}
|
||
|
//
|
||
|
//.ant-layout-sider {
|
||
|
// max-width: @layout-sider-width !important;
|
||
|
// min-width: @layout-sider-width !important;
|
||
|
// width: @layout-sider-width !important;
|
||
|
//}
|
||
|
//
|
||
|
//.ant-menu-submenu:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow {
|
||
|
// color: @layout-sider-arrow-color;
|
||
|
//}
|
||
|
//
|
||
|
//.ant-menu-submenu-arrow {
|
||
|
// color: @layout-sider-arrow-color;
|
||
|
//}
|
||
|
//
|
||
|
//
|
||
|
|
||
|
|
||
|
|
||
|
// //btn
|
||
|
// .ant-btn:hover {
|
||
|
// border-color: @border-color-base;
|
||
|
// }
|
||
|
|
||
|
//
|
||
|
.ant-btn-primary:hover, .ant-btn-primary:focus {
|
||
|
// color: #fff !important;
|
||
|
color: #fff ;
|
||
|
}
|
||
|
|
||
|
|
||
|
|
||
|
//禁用时鼠标光标
|
||
|
.ant-btn[disabled],
|
||
|
.ant-btn[disabled]:hover,
|
||
|
.ant-btn[disabled]:focus,
|
||
|
.ant-btn[disabled]:active {
|
||
|
cursor: default;
|
||
|
}
|
||
|
|
||
|
.ant-input[disabled]:hover {
|
||
|
cursor: default;
|
||
|
}
|
||
|
|
||
|
.ant-input[disabled] {
|
||
|
cursor: default;
|
||
|
}
|
||
|
|
||
|
.ant-btn {
|
||
|
box-shadow: none !important;
|
||
|
}
|
||
|
|
||
|
|
||
|
.ant-input-affix-wrapper-focused {
|
||
|
box-shadow: none !important;
|
||
|
}
|
||
|
|
||
|
//.ant-table-pagination.ant-pagination {
|
||
|
// margin: 16px 0 16px 32px;
|
||
|
//}
|
||
|
|
||
|
//弹框
|
||
|
.ant-modal-body {
|
||
|
overflow-y: auto;
|
||
|
max-height: 550px;
|
||
|
}
|
||
|
|
||
|
//校验时的alert提示
|
||
|
//.ant-form-item-explain.ant-form-item-explain-error {
|
||
|
// min-width: 250px;
|
||
|
//}
|
||
|
//
|
||
|
//// ant-row ant-form-item ant-form-item-has-error ant-form-item-with-help
|
||
|
//.ant-form-item-has-error,
|
||
|
//.ant-form-item-with-help {
|
||
|
// margin-bottom: 0;
|
||
|
//}
|
||
|
|
||
|
//.ant-pagination {
|
||
|
// margin-right: 15px !important;
|
||
|
//}
|
||
|
|
||
|
//日期选择不沾满修正
|
||
|
.ant-calendar-picker {
|
||
|
display: inline-flex;
|
||
|
width: 100%;
|
||
|
|
||
|
> div {
|
||
|
display: inline-flex;
|
||
|
width: 100%;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
|
||
|
|
||
|
//.ant-btn[disabled],
|
||
|
//.ant-btn[disabled]:hover {
|
||
|
// border: 1px solid transparent;
|
||
|
//}
|
||
|
|
||
|
//.ant-form-item-control-input-content {
|
||
|
// .ant-picker {
|
||
|
// width: 270px;
|
||
|
// height: 32px;
|
||
|
// }
|
||
|
//}
|
||
|
//
|
||
|
//.ant-picker:hover {
|
||
|
// border: 1px solid #a5a5b5;
|
||
|
//}
|
||
|
//
|
||
|
//.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
|
||
|
// height: 32px;
|
||
|
//}
|
||
|
|
||
|
//.ant-btn :hover {
|
||
|
// border: 0;
|
||
|
//}
|
||
|
|
||
|
//.ant-btn-primary:not(.ant-btn-background-ghost):not([disabled]) {
|
||
|
// color: @white;
|
||
|
//}
|
||
|
//
|
||
|
.ant-form-item-control-input-content {
|
||
|
.ant-picker {
|
||
|
width: 100%;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
//.ant-picker:hover {
|
||
|
// border: 1px solid #a5a5b5;
|
||
|
//}
|
||
|
//
|
||
|
//.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
|
||
|
// height: 32px;
|
||
|
//}
|
||
|
|
||
|
// 表格选择列固定宽度
|
||
|
//.ns-table .ant-table table tr th:first-child:not(.ant-table-selection-column),
|
||
|
//.ns-table .ant-table table tr td:first-child:not(.ant-table-selection-column) {
|
||
|
// padding-left: 24px;
|
||
|
//}
|
||
|
//
|
||
|
//.ns-table .ant-table table tr th:last-child:not(.ant-table-selection-column),
|
||
|
//.ns-table .ant-table table tr td:last-child:not(.ant-table-selection-column) {
|
||
|
// padding-left: 12px;
|
||
|
//}
|
||
|
|
||
|
//
|
||
|
//.ant-tabs-nav-list {
|
||
|
// margin-left: 20px;
|
||
|
//}
|
||
|
//
|
||
|
//.ant-tabs-nav {
|
||
|
// margin-bottom: 0;
|
||
|
//}
|
||
|
|
||
|
.ant-empty-description {
|
||
|
color: rgba(0, 0, 0, 0.3);
|
||
|
}
|
||
|
|
||
|
// 表头加粗
|
||
|
.ant-table-thead > tr > th {
|
||
|
font-weight: bold;
|
||
|
}
|
||
|
|
||
|
//表头不换行
|
||
|
.ant-table-thead > tr > th{
|
||
|
word-break: keep-all;
|
||
|
white-space: nowrap;
|
||
|
}
|
||
|
.ant-menu.ant-menu-dark, .ant-menu-dark .ant-menu-sub, .ant-menu.ant-menu-dark .ant-menu-sub{
|
||
|
background-size: cover;
|
||
|
}
|