|
|
|
//侧边导航
|
|
|
|
// .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
|
|
|
|
// background: rgb(229, 247, 249) !important;
|
|
|
|
// }
|
|
|
|
|
|
|
|
// .ant-menu.ant-menu-dark .ant-menu-item-selected {
|
|
|
|
// color: #fff;
|
|
|
|
// background: #43BB79 !important;
|
|
|
|
// }
|
|
|
|
|
|
|
|
// .ant-menu-dark.ant-menu-horizontal>.ant-menu-item:hover {
|
|
|
|
// background-color: #43BB79 !important;
|
|
|
|
// }
|
|
|
|
|
|
|
|
.ant-menu-inline .ant-menu-item,
|
|
|
|
.ant-menu-inline .ant-menu-submenu-title {
|
|
|
|
max-width: 100% !important;
|
|
|
|
transition: none !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.ns-basic-table .ant-btn:hover {
|
|
|
|
border-color: transparent !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.ns-basic-table .ant-btn-link:hover {
|
|
|
|
background: none !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
// .ns-detail {
|
|
|
|
// padding: 0px 24px 10px 24px !important;
|
|
|
|
// }
|
|
|
|
|
|
|
|
.ant-tabs-nav-wrap {
|
|
|
|
padding: 0 24px; // 列表tab边距
|
|
|
|
}
|
|
|
|
|
|
|
|
.ant-tabs-nav {
|
|
|
|
margin: 0 !important; // 列表tab下边距
|
|
|
|
}
|
|
|
|
|
|
|
|
.ns-richText-ZIndex {
|
|
|
|
z-index: 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
.ant-input-number {
|
|
|
|
width: 100%; //inputNumber组件宽度
|
|
|
|
}
|
|
|
|
|
|
|
|
// header菜单字体样式
|
|
|
|
// .ant-menu-dark.ant-menu-horizontal>.ant-menu-item,
|
|
|
|
// .ant-menu-dark.ant-menu-horizontal>.ant-menu-submenu {
|
|
|
|
// color: #fff;
|
|
|
|
// }
|
|
|
|
|
|
|
|
// .ant-menu-dark .ant-menu-item,
|
|
|
|
// .ant-menu-dark .ant-menu-item-group-title,
|
|
|
|
// .ant-menu-dark .ant-menu-item>a,
|
|
|
|
// .ant-menu-dark .ant-menu-item>span>a {
|
|
|
|
// color: #fff;
|
|
|
|
// }
|
|
|
|
|
|
|
|
@font-face {
|
|
|
|
/*给字体命名*/
|
|
|
|
font-family: 'YouSheBiaoTiHei';
|
|
|
|
/*引入字体文件*/
|
|
|
|
src: url('/font/YouSheBiaoTiHei.ttf');
|
|
|
|
font-weight: normal;
|
|
|
|
font-style: normal;
|
|
|
|
}
|
|
|
|
|
|
|
|
@font-face {
|
|
|
|
/*给字体命名*/
|
|
|
|
font-family: 'DIN Alternate';
|
|
|
|
/*引入字体文件*/
|
|
|
|
src: url('/font/DIN Alternate Bold.ttf');
|
|
|
|
font-weight: normal;
|
|
|
|
font-style: normal;
|
|
|
|
}
|
|
|
|
|
|
|
|
@font-face {
|
|
|
|
/*给字体命名*/
|
|
|
|
font-family: 'PingFang Regular';
|
|
|
|
/*引入字体文件*/
|
|
|
|
src: url('/font/PingFang Regular.ttf');
|
|
|
|
font-weight: normal;
|
|
|
|
font-style: normal;
|
|
|
|
}
|
|
|
|
|
|
|
|
@font-face {
|
|
|
|
/*给字体命名*/
|
|
|
|
font-family: 'HYYakuHei';
|
|
|
|
/*引入字体文件*/
|
|
|
|
src: url('/font/HYYakuHei-85W.ttf');
|
|
|
|
font-weight: normal;
|
|
|
|
font-style: normal;
|
|
|
|
}
|
|
|
|
// .ant-popover-message {
|
|
|
|
// width: 250px !important;
|
|
|
|
// height: 198px !important;
|
|
|
|
// overflow: auto !important;
|
|
|
|
// position: relative;
|
|
|
|
|
|
|
|
// padding: 0;
|
|
|
|
// color: rgba(0, 0, 0, 0.85);
|
|
|
|
// font-size: 14px;
|
|
|
|
// }
|
|
|
|
// .ant-popover-inner-content {
|
|
|
|
// /* padding: 12px 16px; */
|
|
|
|
// padding: 0;
|
|
|
|
// color: rgba(0, 0, 0, 0.85);
|
|
|
|
// }
|
|
|
|
|
|
|
|
.ant-menu-title-content {
|
|
|
|
svg {
|
|
|
|
// color: #A1ABC2;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.ant-menu-item-selected {
|
|
|
|
svg {
|
|
|
|
// color: #D0DBF5;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
//状态颜色
|
|
|
|
.commonStatus {
|
|
|
|
&::before{
|
|
|
|
content: '';
|
|
|
|
width: 8px;
|
|
|
|
height: 8px;
|
|
|
|
display: inline-block;
|
|
|
|
border-radius: 50%;
|
|
|
|
vertical-align: middle;
|
|
|
|
margin-right: 4px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.statusWarn {
|
|
|
|
&::before{
|
|
|
|
background-color: #fa8214;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.statusSuccess {
|
|
|
|
&::before{
|
|
|
|
background-color: #0D9E3E;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.statusRunning {
|
|
|
|
&::before{
|
|
|
|
background-color: #1C4DDC;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.statusError {
|
|
|
|
&::before{
|
|
|
|
background-color: #D4321C;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.statusEmpty {
|
|
|
|
&::before{
|
|
|
|
width:0;
|
|
|
|
}
|
|
|
|
width:0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.statusNotStart {
|
|
|
|
&::before{
|
|
|
|
background-color: #8B98AB;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.statusDone{
|
|
|
|
&::before{
|
|
|
|
background-color: #697383;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.statusInvalid{
|
|
|
|
&::before{
|
|
|
|
background-color: #AEAEAE;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
#app {
|
|
|
|
min-width: 1200px;
|
|
|
|
}
|