|
|
|
@ -22,159 +22,150 @@ |
|
|
|
}, |
|
|
|
}); |
|
|
|
</script> |
|
|
|
|
|
|
|
<!-- <style lang="less" scoped> |
|
|
|
:deep(.ns-content) { |
|
|
|
// padding-top: 80px !important; |
|
|
|
} |
|
|
|
#app { |
|
|
|
width: 100%; |
|
|
|
<style lang="less" scoped> |
|
|
|
:deep(.ns-content-main) { |
|
|
|
.ant-tabs-content { |
|
|
|
height: 100%; |
|
|
|
min-width: 1000px; |
|
|
|
} |
|
|
|
} |
|
|
|
// 树组件 |
|
|
|
:deep(.ant-tree-node-content-wrapper) { |
|
|
|
overflow: hidden; |
|
|
|
text-overflow: ellipsis; |
|
|
|
text-wrap: nowrap; |
|
|
|
} |
|
|
|
|
|
|
|
:deep(.ns-left-menu .firstMenuItem-selected .ant-menu-title-content) { |
|
|
|
background: unset !important; |
|
|
|
} |
|
|
|
:deep(.ns-left-menu) { |
|
|
|
.ant-menu-item-active, |
|
|
|
.ant-submenu-item-active { |
|
|
|
background: #ecf3ff !important; |
|
|
|
} |
|
|
|
.ant-menu-item-selected .ant-menu-title-content { |
|
|
|
// color: #fff !important; |
|
|
|
background: @primary-color; |
|
|
|
border-radius: 12px; |
|
|
|
height: 40px; |
|
|
|
line-height: 40px; |
|
|
|
a { |
|
|
|
color: @white !important; |
|
|
|
:deep(.ant-tree-node-selected) { |
|
|
|
color: @primary-color !important; |
|
|
|
} |
|
|
|
|
|
|
|
// ns-view-list-table 搜索区域 |
|
|
|
:deep(.ns-table-search) { |
|
|
|
.ns-flexv2-form { |
|
|
|
.ns-operate { |
|
|
|
text-align: left; |
|
|
|
margin-left: 0; |
|
|
|
.ant-btn { |
|
|
|
margin: 0; |
|
|
|
margin-right: 6px; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.ns-form-body { |
|
|
|
max-width: 1000px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
// 区域阴影 |
|
|
|
// .ns-list-table { |
|
|
|
|
|
|
|
:deep(.ant-menu-light.ant-menu-horizontal > .ant-menu-item:hover) { |
|
|
|
background: @primary-color; |
|
|
|
:deep(.ant-tabs) { |
|
|
|
// // overflow: visible; |
|
|
|
// box-shadow: @ns-content-box-shadow; |
|
|
|
// border-radius: @ns-border-radius; |
|
|
|
.ns-table-search { |
|
|
|
border-top-left-radius: 0px !important; |
|
|
|
border-top-right-radius: 0px !important; |
|
|
|
} |
|
|
|
.ns-table-main { |
|
|
|
border-bottom-left-radius: 0px !important; |
|
|
|
border-bottom-right-radius: 0px !important; |
|
|
|
} |
|
|
|
// .ant-tabs-tabpane-active > div { |
|
|
|
// height: 100%; |
|
|
|
// } |
|
|
|
} |
|
|
|
// :deep(.ant-menu-inline .ant-menu-submenu-title) { |
|
|
|
// color: rgba(255, 255, 255, 0.9) !important; |
|
|
|
// .ant-tabs .ns-table-main { |
|
|
|
// border-bottom-left-radius: 0px !important; |
|
|
|
// border-bottom-right-radius: 0px !important; |
|
|
|
// } |
|
|
|
:deep(.ns-left-menu .ant-layout-sider-children .ant-menu-sub.ant-menu-inline) { |
|
|
|
// position: relative; |
|
|
|
// &::before { |
|
|
|
// display: flex; |
|
|
|
// width: 2px; |
|
|
|
// height: calc(100% - 40px); |
|
|
|
// position: absolute; |
|
|
|
// top: 20px; |
|
|
|
// left: 20px; |
|
|
|
// content: ''; |
|
|
|
// background-color: rgba(255, 255, 255, 0.2); |
|
|
|
// } |
|
|
|
|
|
|
|
// 菜单icon(仅仅处理特殊需求：未选中时icon与文字不同色) |
|
|
|
:deep(.anticon) { |
|
|
|
color: #8d96a3 !important; |
|
|
|
} |
|
|
|
|
|
|
|
//*************************含tab的 list列表样式 */ |
|
|
|
:deep(.tabListTable) { |
|
|
|
.ns-table-title { |
|
|
|
text-align: left; |
|
|
|
height: 46px; |
|
|
|
line-height: 46px; |
|
|
|
font-size: 18px; |
|
|
|
font-weight: bold; |
|
|
|
user-select: text; |
|
|
|
padding-left: 16px; |
|
|
|
background: #fff; |
|
|
|
width: calc(100% + 32px); |
|
|
|
margin-left: -16px; |
|
|
|
:deep(.ant-menu-item-selected .ant-menu-item-only-child), |
|
|
|
:deep(.ant-menu-submenu-selected .ant-menu-item-only-child), |
|
|
|
:deep(.firstMenuItem-selected) { |
|
|
|
.router-link-active > .anticon { |
|
|
|
color: @white !important; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
:deep(.ant-menu-item-active) { |
|
|
|
.anticon { |
|
|
|
color: @primary-color !important; |
|
|
|
} |
|
|
|
.tabs-list { |
|
|
|
overflow: visible !important; |
|
|
|
} |
|
|
|
.ant-tabs-nav { |
|
|
|
width: calc(100% + 32px); |
|
|
|
margin-left: -16px !important; |
|
|
|
background: #fff; |
|
|
|
:deep(.ant-menu-submenu-active), |
|
|
|
:deep(.ant-menu-submenu-open), |
|
|
|
:deep(.ant-menu-item-selected) { |
|
|
|
.ant-menu-submenu-title { |
|
|
|
.anticon { |
|
|
|
color: @primary-color !important; |
|
|
|
} |
|
|
|
.ant-tabs-nav-wrap { |
|
|
|
padding: 0 16px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
//*********************详情页返回修改 */ |
|
|
|
:deep(.nsDetailView) { |
|
|
|
min-height: 100%; |
|
|
|
height: 100%; |
|
|
|
.ns-detail-content { |
|
|
|
padding: 0px 24px; |
|
|
|
border-top: 16px solid #e5ebf0; |
|
|
|
} |
|
|
|
.ant-descriptions-item-label { |
|
|
|
color: rgba(0, 0, 0, 0.5); |
|
|
|
font-family: PingFang SC; |
|
|
|
font-size: 14px; |
|
|
|
} |
|
|
|
.ant-descriptions-item-content { |
|
|
|
color: rgba(0, 0, 0, 0.95); |
|
|
|
font-family: PingFang SC; |
|
|
|
font-size: 14px; |
|
|
|
} |
|
|
|
.ant-descriptions-title { |
|
|
|
&::after { |
|
|
|
@min-padding: 5px; |
|
|
|
:deep(.ns-left-menu-space):not(.ns-left-menu-space-collapsed) { |
|
|
|
.firstMenuItem-selected { |
|
|
|
background-color: transparent !important; |
|
|
|
} |
|
|
|
.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected { |
|
|
|
background-color: transparent; |
|
|
|
&::before { |
|
|
|
background-color: @primary-color; |
|
|
|
opacity: 1; |
|
|
|
height: calc(100% - @min-padding*2); |
|
|
|
top: @min-padding; |
|
|
|
border-radius: @ns-border-radius; |
|
|
|
} |
|
|
|
} |
|
|
|
.ant-menu-item-active:not(.ant-menu-item-selected) { |
|
|
|
background-color: transparent !important; |
|
|
|
position: relative; |
|
|
|
&::before { |
|
|
|
content: ''; |
|
|
|
width: 75px; |
|
|
|
height: 7px; |
|
|
|
display: block; |
|
|
|
background: linear-gradient(90deg, #537fff 0%, #fff 82.67%); |
|
|
|
margin-left: 2px; |
|
|
|
margin-top: -2px; |
|
|
|
position: absolute; |
|
|
|
width: 100%; |
|
|
|
background-color: rgb(@primary-color, 0.1); |
|
|
|
height: calc(100% - @min-padding*2); |
|
|
|
top: @min-padding; |
|
|
|
left: 0; |
|
|
|
border-radius: @ns-border-radius; |
|
|
|
z-index: 0; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.ant-descriptions-row > th, |
|
|
|
.ant-descriptions-row > td { |
|
|
|
padding-bottom: 8px; |
|
|
|
} |
|
|
|
.ns-page-header { |
|
|
|
margin-bottom: 0 !important; |
|
|
|
padding-top: 7px !important; |
|
|
|
padding-bottom: 7px !important; |
|
|
|
width: calc(100% + 32px); |
|
|
|
margin-left: -16px; |
|
|
|
.title { |
|
|
|
cursor: pointer; |
|
|
|
font-size: 18px !important; |
|
|
|
} |
|
|
|
} |
|
|
|
.ant-descriptions-header { |
|
|
|
margin: 16px 0 16px 0 !important; |
|
|
|
// .ant-menu-inline .ant-menu-item-selected::after { |
|
|
|
// content: ''; |
|
|
|
// position: absolute; |
|
|
|
// top: 50%; |
|
|
|
// right: -20px; |
|
|
|
// transform: translateY(-50%); |
|
|
|
// width: 3px !important; |
|
|
|
// border-radius: 2px; |
|
|
|
// background-color: red; |
|
|
|
// height: 30px; |
|
|
|
// z-index: 2; |
|
|
|
// border: none; |
|
|
|
// } |
|
|
|
|
|
|
|
.ant-descriptions-title { |
|
|
|
line-height: 16px; |
|
|
|
font-size: 16px; |
|
|
|
} |
|
|
|
.ant-menu-title-content { |
|
|
|
z-index: 1; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
:deep(.ns-detail .ant-descriptions-header .descriptions-title) { |
|
|
|
&:after { |
|
|
|
content: ''; |
|
|
|
width: 75px; |
|
|
|
height: 7px; |
|
|
|
display: block; |
|
|
|
background: linear-gradient(90deg, @primary-color 0%, #fff 82.67%); |
|
|
|
margin-left: 2px; |
|
|
|
margin-top: -2px; |
|
|
|
} |
|
|
|
} |
|
|
|
:deep(.ant-descriptions-header .descriptions-title) { |
|
|
|
&:after { |
|
|
|
content: ''; |
|
|
|
width: 75px; |
|
|
|
height: 7px; |
|
|
|
display: block; |
|
|
|
background: linear-gradient(90deg, @primary-color 0%, #fff 82.67%); |
|
|
|
margin-left: 2px; |
|
|
|
margin-top: -2px; |
|
|
|
:deep(.nsHeader_action) { |
|
|
|
.action { |
|
|
|
font-size: 18px; |
|
|
|
font-weight: bold; |
|
|
|
letter-spacing: 0px; |
|
|
|
line-height: 24px; |
|
|
|
color: rgba(51, 51, 51, 1); |
|
|
|
} |
|
|
|
} |
|
|
|
</style> --> |
|
|
|
</style> |
|
|
|
|
zhaohy
4 months ago