// 自定义样式文件 覆盖框架样式 body{ font-size: 12px!important; span,td,label,.ant-btn-sm{ font-size: 12px!important; } .ant-form-item-label > label{ color: #000!important; } } // 查询条件样式 .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; // } // } .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: 15px!important; } } .ant-menu{ .ant-menu-item{ // padding-left: 10px!important; // 只有一级菜单时的左侧缩进(例:首页) } .ant-menu-submenu{ .ant-menu-submenu-title{ // padding-left: 10px!important; // 多级菜单的一级菜单左侧缩进 } .ant-menu-item{ // 二级菜单左侧缩进 padding-left: 30px!important; } } } } // 内容盒子样式 .content { .table-operator { // padding: 8px 0; padding: 0 0 8px; } .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; } } // 页签样式 .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-collapse{ .ant-collapse-header{ padding-top: 8px!important; padding-bottom: 8px!important; } .ant-collapse-content-box{ padding: 10px 12px 5px!important; .ant-descriptions-item{ padding-bottom: 10px!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 5px 2px!important; } } } .ant-table-row{ .ant-table-row-cell-break-word, td{ padding: 2px 4px!important; color: #333!important; } } .ant-pagination.ant-table-pagination{ margin: 10px 0 0; } .ant-table-small > .ant-table-content .ant-table-body{ margin: 0; tr:hover{ td{ background: rgba(255, 170, 127, 0.6); color: #fff; } } } } .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; } } } } }