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

Merge branch 'temp' of http://123.60.103.97:3000/xuziqiang/SaaS-lib into temp

temp
zhaohy 4 months ago
parent
7b77c3cc88 5e2f9cc966
commit
9134cf4ac3
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