xuziqiang
/
SaaS-lib
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

fix: op侧代码补充

temp
xuziqiang 4 months ago
parent
975d5fe4f0
commit
4dcb8f74ca
1 changed files with 118 additions and 127 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 247
      hx-op/src/App.vue

247
hx-op/src/App.vue
View File

@ -22,159 +22,150 @@
}, },
}); });
</script> </script>
<style lang="less" scoped>
<!-- <style lang="less" scoped> :deep(.ns-content-main) {
:deep(.ns-content) { .ant-tabs-content {
// padding-top: 80px !important;
}
#app {
width: 100%;
height: 100%; 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) { :deep(.ant-tree-node-selected) {
background: unset !important; color: @primary-color !important;
} }
:deep(.ns-left-menu) {
.ant-menu-item-active, // ns-view-list-table 搜索区域
.ant-submenu-item-active { :deep(.ns-table-search) {
background: #ecf3ff !important; .ns-flexv2-form {
} .ns-operate {
.ant-menu-item-selected .ant-menu-title-content { text-align: left;
// color: #fff !important; margin-left: 0;
background: @primary-color; .ant-btn {
border-radius: 12px; margin: 0;
height: 40px; margin-right: 6px;
line-height: 40px;
a {
color: @white !important;
} }
} }
} }
.ns-form-body {
max-width: 1000px;
}
}
// 区域阴影
// .ns-list-table {
:deep(.ant-menu-light.ant-menu-horizontal > .ant-menu-item:hover) { :deep(.ant-tabs) {
background: @primary-color; // // 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) { // .ant-tabs .ns-table-main {
// color: rgba(255, 255, 255, 0.9) !important; // 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(.ant-menu-item-selected .ant-menu-item-only-child),
:deep(.tabListTable) { :deep(.ant-menu-submenu-selected .ant-menu-item-only-child),
.ns-table-title { :deep(.firstMenuItem-selected) {
text-align: left; .router-link-active > .anticon {
height: 46px; color: @white !important;
line-height: 46px; }
font-size: 18px; }
font-weight: bold;
user-select: text; :deep(.ant-menu-item-active) {
padding-left: 16px; .anticon {
background: #fff; color: @primary-color !important;
width: calc(100% + 32px);
margin-left: -16px;
} }
.tabs-list {
overflow: visible !important;
} }
.ant-tabs-nav { :deep(.ant-menu-submenu-active),
width: calc(100% + 32px); :deep(.ant-menu-submenu-open),
margin-left: -16px !important; :deep(.ant-menu-item-selected) {
background: #fff; .ant-menu-submenu-title {
.anticon {
color: @primary-color !important;
} }
.ant-tabs-nav-wrap {
padding: 0 16px;
} }
} }
//*********************详情页返回修改 */ @min-padding: 5px;
:deep(.nsDetailView) { :deep(.ns-left-menu-space):not(.ns-left-menu-space-collapsed) {
min-height: 100%; .firstMenuItem-selected {
height: 100%; background-color: transparent !important;
.ns-detail-content { }
padding: 0px 24px; .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
border-top: 16px solid #e5ebf0; background-color: transparent;
} &::before {
.ant-descriptions-item-label { background-color: @primary-color;
color: rgba(0, 0, 0, 0.5); opacity: 1;
font-family: PingFang SC; height: calc(100% - @min-padding*2);
font-size: 14px; top: @min-padding;
} border-radius: @ns-border-radius;
.ant-descriptions-item-content { }
color: rgba(0, 0, 0, 0.95); }
font-family: PingFang SC; .ant-menu-item-active:not(.ant-menu-item-selected) {
font-size: 14px; background-color: transparent !important;
} position: relative;
.ant-descriptions-title { &::before {
&::after {
content: ''; content: '';
width: 75px; position: absolute;
height: 7px; width: 100%;
display: block; background-color: rgb(@primary-color, 0.1);
background: linear-gradient(90deg, #537fff 0%, #fff 82.67%); height: calc(100% - @min-padding*2);
margin-left: 2px; top: @min-padding;
margin-top: -2px; left: 0;
border-radius: @ns-border-radius;
z-index: 0;
} }
} }
.ant-descriptions-row > th, // .ant-menu-inline .ant-menu-item-selected::after {
.ant-descriptions-row > td { // content: '';
padding-bottom: 8px; // position: absolute;
} // top: 50%;
.ns-page-header { // right: -20px;
margin-bottom: 0 !important; // transform: translateY(-50%);
padding-top: 7px !important; // width: 3px !important;
padding-bottom: 7px !important; // border-radius: 2px;
width: calc(100% + 32px); // background-color: red;
margin-left: -16px; // height: 30px;
.title { // z-index: 2;
cursor: pointer; // border: none;
font-size: 18px !important; // }
}
}
.ant-descriptions-header {
margin: 16px 0 16px 0 !important;
.ant-descriptions-title { .ant-menu-title-content {
line-height: 16px; z-index: 1;
font-size: 16px;
}
} }
} }
:deep(.ns-detail .ant-descriptions-header .descriptions-title) { :deep(.nsHeader_action) {
&:after { .action {
content: ''; font-size: 18px;
width: 75px; font-weight: bold;
height: 7px; letter-spacing: 0px;
display: block; line-height: 24px;
background: linear-gradient(90deg, @primary-color 0%, #fff 82.67%); color: rgba(51, 51, 51, 1);
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;
} }
} }
</style> --> </style>

Write Preview
Loading…
Cancel
Save