Skip to content

C
CivWeb
Commit 2bd4ee17 authored by 曾婧's avatar 曾婧
Browse files
Options

feat: 类名改写2

parent 145ae1fa
Hide whitespace changes
Inline Side-by-side
Showing with 68 additions and 62 deletions
src/layouts/HN.less
View file @ 2bd4ee17
@import '~antd/es/style/themes/default.less';
@hn-greenColor: #00b278; @hn-greenColor: #00b278;
.hnlayout { .hnlayout {
:global { :global {
.panda-console-base-global-page-header-header { .@{ant-prefix}-global-page-header-header {
padding-left: 0; padding-left: 0;
} }
.panda-console-base-global-page-header-header-logo { .@{ant-prefix}-global-page-header-header-logo {
width: 140px; width: 140px;
padding-left: 0; padding-left: 0;
& > img { & > img {
...@@ -14,13 +14,13 @@ ...@@ -14,13 +14,13 @@
margin: 0 auto; margin: 0 auto;
} }
} }
.panda-console-base-global-page-header { .@{ant-prefix}-global-page-header {
background-color: @hn-greenColor; background-color: @hn-greenColor;
& > img { & > img {
display: none; display: none;
} }
} }
.panda-console-base-layout-slider { .@{ant-prefix}-layout-slider {
flex: 0 0 140px; flex: 0 0 140px;
width: 140px; width: 140px;
min-width: 140px; min-width: 140px;
...@@ -28,71 +28,74 @@ ...@@ -28,71 +28,74 @@
overflow: hidden; overflow: hidden;
background-color: #fff; background-color: #fff;
} }
.ant-menu.ant-menu-dark .ant-menu-sub{ .@{ant-prefix}-pro-sider .@{ant-prefix}-menu{
background-color: #fff!important; background: transparent!important;
}
.ant-menu.ant-menu-dark .ant-menu-sub {
background-color: #fff !important;
} }
.ant-menu.ant-menu-dark{ .ant-menu.ant-menu-dark {
background-color: #fff!important; background-color: #fff !important;
} }
.ant-menu-inline > .ant-menu-item{ .@{ant-prefix}-menu-inline > .@{ant-prefix}-menu-item{
height: 40px; height: 40px;
line-height: 40px; line-height: 40px;
} }
.ant-pro-sider-logo{ .ant-pro-sider-logo {
display: none; display: none;
} }
.panda-console-base-layout-slider-menu-item-active { .@{ant-prefix}-layout-slider-menu-item-active {
background-color: @hn-greenColor; background-color: @hn-greenColor;
.panda-console-base-layout-slider-menu-item-text { .@{ant-prefix}-layout-slider-menu-item-text {
color: #fff; color: #fff;
} }
} }
.panda-console-base-layout-slider-menu-item-text { .@{ant-prefix}-layout-slider-menu-item-text {
color: #7c7c7a; color: #7c7c7a;
} }
.panda-console-base-divider-horizontal { .@{ant-prefix}-divider-horizontal {
border: none !important; border: none !important;
} }
.panda-console-base-menu-item-children :global .panda-console-base-tabs-tab:hover svg path, .@{ant-prefix}-menu-item-children :global .@{ant-prefix}-tabs-tab:hover svg path,
.panda-console-base-menu-item-children :global .panda-console-base-tabs-tab:hover svg rect, .@{ant-prefix}-menu-item-children :global .@{ant-prefix}-tabs-tab:hover svg rect,
.panda-console-base-menu-item-children :global .panda-console-base-tabs-tab:hover svg circle { .@{ant-prefix}-menu-item-children :global .@{ant-prefix}-tabs-tab:hover svg circle {
fill: @hn-greenColor !important; fill: @hn-greenColor !important;
stroke: @hn-greenColor !important; stroke: @hn-greenColor !important;
} }
.panda-console-base-menu-item-children :global .panda-console-base-tabs-tab:hover img { .@{ant-prefix}-menu-item-children :global .@{ant-prefix}-tabs-tab:hover img {
filter: drop-shadow(10px 0px @hn-greenColor); filter: drop-shadow(10px 0px @hn-greenColor);
} }
.panda-console-base-menu-item-children :global .panda-console-base-tabs-tab:hover .menu-item-name { .@{ant-prefix}-menu-item-children :global .@{ant-prefix}-tabs-tab:hover .menu-item-name {
color: @hn-greenColor; color: @hn-greenColor;
} }
.panda-console-base-menu-item-children :global .panda-console-base-tabs-tab:hover .panda-console-base-tabs-tab-btn { .@{ant-prefix}-menu-item-children :global .@{ant-prefix}-tabs-tab:hover .@{ant-prefix}-tabs-tab-btn {
color: @hn-greenColor; color: @hn-greenColor;
} }
.panda-console-base-menu-item-children .@{ant-prefix}-menu-item-children
:global :global
.panda-console-base-tabs-tab .@{ant-prefix}-tabs-tab
.panda-console-base-tabs-tab-btn .@{ant-prefix}-tabs-tab-btn
.panda-console-base-dropdown-trigger .@{ant-prefix}-dropdown-trigger
div div
div { div {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.panda-console-base-menu-item-children .menu-item { .@{ant-prefix}-menu-item-children .menu-item {
float: left; float: left;
} }
.panda-console-base-menu-item-children :global(.panda-console-base-tabs-tab) { .@{ant-prefix}-menu-item-children :global(.@{ant-prefix}-tabs-tab) {
display: flex !important; display: flex !important;
} }
.panda-console-base-menu-item-children :global(.panda-console-base-tabs-tab-btn) { .@{ant-prefix}-menu-item-children :global(.@{ant-prefix}-tabs-tab-btn) {
position: relative; position: relative;
display: flex; display: flex;
align-items: center; align-items: center;
color: #737983; color: #737983;
transform: scale(0.92); transform: scale(0.92);
} }
.panda-console-base-menu-item-children .@{ant-prefix}-menu-item-children
:global(.panda-console-base-tabs-tab.panda-console-base-tabs-tab-active .panda-console-base-tabs-tab-btn) { :global(.@{ant-prefix}-tabs-tab.@{ant-prefix}-tabs-tab-active .@{ant-prefix}-tabs-tab-btn) {
color: @hn-greenColor !important; color: @hn-greenColor !important;
svg { svg {
path, path,
...@@ -103,80 +106,80 @@ ...@@ -103,80 +106,80 @@
} }
} }
} }
.panda-console-base-menu-item-children :global(.panda-console-base-tabs-tab-btn > div > div) { .@{ant-prefix}-menu-item-children :global(.@{ant-prefix}-tabs-tab-btn > div > div) {
display: flex; display: flex;
} }
.panda-console-base-menu-item-children :global(.panda-console-base-tabs-nav::before) { .@{ant-prefix}-menu-item-children :global(.@{ant-prefix}-tabs-nav::before) {
border-bottom: none !important; border-bottom: none !important;
} }
.panda-console-base-menu-item-children .menu-item-name { .@{ant-prefix}-menu-item-children .menu-item-name {
margin-left: 8px; margin-left: 8px;
color: #737983; color: #737983;
transition: border-color 0.3s, color 0.3s, padding 0.1s cubic-bezier(0.215, 0.61, 0.355, 1); transition: border-color 0.3s, color 0.3s, padding 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
} }
.panda-console-base-menu-item-children .menu-item-name:hover { .@{ant-prefix}-menu-item-children .menu-item-name:hover {
color: @hn-greenColor; color: @hn-greenColor;
} }
.panda-console-base-menu-item-children :global .panda-console-base-divider-vertical { .@{ant-prefix}-menu-item-children :global .@{ant-prefix}-divider-vertical {
left: 20px; left: 20px;
margin: 0 1px !important; margin: 0 1px !important;
} }
.panda-console-base-menu-item-children :global .panda-console-base-tabs-nav-operations .ant-tabs-nav-more { .@{ant-prefix}-menu-item-children :global .@{ant-prefix}-tabs-nav-operations .ant-tabs-nav-more {
margin-right: 0px !important; margin-right: 0px !important;
} }
.panda-console-base-menu-item-children :global(.panda-console-base-tabs-ink-bar) { .@{ant-prefix}-menu-item-children :global(.@{ant-prefix}-tabs-ink-bar) {
background: @hn-greenColor !important; background: @hn-greenColor !important;
} }
.panda-console-base-menu-item-children :global(.panda-console-base-tabs-tab-active) { .@{ant-prefix}-menu-item-children :global(.@{ant-prefix}-tabs-tab-active) {
color: @hn-greenColor !important; color: @hn-greenColor !important;
} }
.panda-console-base-menu-item-children :global(.panda-console-base-tabs-tab-active .menu-item-name) { .@{ant-prefix}-menu-item-children :global(.@{ant-prefix}-tabs-tab-active .menu-item-name) {
color: @hn-greenColor !important; color: @hn-greenColor !important;
} }
.panda-console-base-menu-item-children :global .panda-console-base-tabs-tab-active svg path, .@{ant-prefix}-menu-item-children :global .@{ant-prefix}-tabs-tab-active svg path,
.panda-console-base-menu-item-children :global .panda-console-base-tabs-tab-active svg rect, .@{ant-prefix}-menu-item-children :global .@{ant-prefix}-tabs-tab-active svg rect,
.panda-console-base-menu-item-children :global .panda-console-base-tabs-tab-active svg circle { .@{ant-prefix}-menu-item-children :global .@{ant-prefix}-tabs-tab-active svg circle {
fill: @hn-greenColor !important; fill: @hn-greenColor !important;
stroke: @hn-greenColor !important; stroke: @hn-greenColor !important;
} }
.panda-console-base-menu-item-children :global .panda-console-base-tabs-tab-active img { .@{ant-prefix}-menu-item-children :global .@{ant-prefix}-tabs-tab-active img {
filter: drop-shadow(10px 0px @hn-greenColor); filter: drop-shadow(10px 0px @hn-greenColor);
} }
.panda-console-base-panel-min-mainPane-visible { .@{ant-prefix}-panel-min-mainPane-visible {
background-color: #fff; background-color: #fff;
} }
.panda-console-base-panel-min-mainPane-main-left .menu-categories .categorie-name span { .@{ant-prefix}-panel-min-mainPane-main-left .menu-categories .categorie-name span {
color: #737983; color: #737983;
} }
.panda-console-base-panel-min-mainPane-main-left .menu-categories .categorie-name.btn:hover span { .@{ant-prefix}-panel-min-mainPane-main-left .menu-categories .categorie-name.btn:hover span {
color: #333; color: #333;
} }
.panda-console-base-layout-slider-menu-item:hover span { .@{ant-prefix}-layout-slider-menu-item:hover span {
color: #333; color: #333;
} }
.panda-console-base-panel-min-mainPane-main-left .menu-categories .categorie-name.active { .@{ant-prefix}-panel-min-mainPane-main-left .menu-categories .categorie-name.active {
background: none; background: none;
span { span {
color: @hn-greenColor; color: @hn-greenColor;
} }
} }
.panda-console-base-pro-basicLayout-content { .@{ant-prefix}-pro-basicLayout-content {
margin: 0; margin: 0;
} }
.panda-console-base-pro-sider-links { .@{ant-prefix}-pro-sider-links {
position: fixed; position: fixed;
bottom: 0; bottom: 0;
z-index: 999; z-index: 999;
display: none; display: none;
width: 50px; width: 50px;
} }
.panda-console-base-pro-sider-logo { .@{ant-prefix}-pro-sider-logo {
display: none; display: none;
} }
.panda-console-base-layout-slider-menu-item { .@{ant-prefix}-layout-slider-menu-item {
height: 36px; height: 36px;
} }
.panda-console-base-layout-slider-menu-item a { .@{ant-prefix}-layout-slider-menu-item a {
flex-direction: row; flex-direction: row;
width: 100%; width: 100%;
margin: 0 auto; margin: 0 auto;
...@@ -196,9 +199,9 @@ ...@@ -196,9 +199,9 @@
margin-left: 4px; margin-left: 4px;
} }
} }
.panda-console-base-menu { .@{ant-prefix}-menu {
ul { ul {
.panda-console-base-menu-item-only-child { .@{ant-prefix}-menu-item-only-child {
padding-left: 26px !important; padding-left: 26px !important;
} }
} }
...@@ -244,7 +247,7 @@ ...@@ -244,7 +247,7 @@
} }
} }
.panda-console-base-pro-menu-item-title { .@{ant-prefix}-pro-menu-item-title {
display: inline-block; display: inline-block;
overflow: hidden; overflow: hidden;
text-align: left; text-align: left;
...@@ -266,21 +269,24 @@ ...@@ -266,21 +269,24 @@
stroke: @hn-greenColor !important; stroke: @hn-greenColor !important;
} }
} }
.ant-menu-submenu-arrow::before{ .@{ant-prefix}-menu.@{ant-prefix}-menu-dark
.@{ant-prefix}-menu-submenu-title
.@{ant-prefix}-menu-submenu-arrow::before {
background: #7a7a7a !important; background: #7a7a7a !important;
} }
.ant-menu-submenu-arrow::after { .@{ant-prefix}-menu.@{ant-prefix}-menu-dark
.@{ant-prefix}-menu-submenu-title
.@{ant-prefix}-menu-submenu-arrow::after {
background: #7a7a7a !important; background: #7a7a7a !important;
} }
.panda-console-base-menu-dark .panda-console-base-menu-inline.panda-console-base-menu-sub { .@{ant-prefix}-menu-dark .@{ant-prefix}-menu-inline.@{ant-prefix}-menu-sub {
background: #fff; background: #fff;
} }
.panda-console-base-pro-sider { .@{ant-prefix}-pro-sider {
background: #fff; background: #fff;
// .panda-console-base-menu-submenu-arrow{ // .@{ant-prefix}-menu-submenu-arrow{
// color:#7a7a7a; // color:#7a7a7a;
// } // }
} }
} }
} }
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment