hechang27
/
noob-components
forked from mengyxu/noob-components
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

fix: fix the global css conflicts between index.vue and zhuBeiDong.vue

dev
hechang27-sprt 6 months ago
parent
7660267876
commit
3d5c2c8fa9
2 changed files with 58 additions and 60 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. 59
      packages/manage/router/index.vue
  2. 59
      packages/manage/router/zhuBeiDong.vue

59
packages/manage/router/index.vue
Unescape View File

@ -155,7 +155,9 @@ body {
padding: 0px; padding: 0px;
margin: 0px; margin: 0px;
} }
</style>
<style lang="scss" scoped>
.app-main { .app-main {
box-shadow: 2px 2px 5px 3px #e5e6eb; box-shadow: 2px 2px 5px 3px #e5e6eb;
border-radius: 4px; border-radius: 4px;
@ -170,7 +172,6 @@ body {
padding: 0; padding: 0;
} }
#app,
#container, #container,
.app-main { .app-main {
background-color: v-bind("state.style.bodyBg"); background-color: v-bind("state.style.bodyBg");
@ -203,39 +204,37 @@ body {
} }
} }
#app { :deep(.el-input),
.el-input, :deep(.el-textarea),
.el-textarea, :deep(.el-date-editor),
.el-date-editor, :deep(.el-input__wrapper) {
.el-input__wrapper { --el-input-bg-color: v-bind("state.style.itemBg") !important;
--el-input-bg-color: v-bind("state.style.itemBg") !important; --el-fill-color-blank: v-bind("state.style.itemBg") !important;
--el-fill-color-blank: v-bind("state.style.itemBg") !important; --el-input-text-color: v-bind("state.style.color") !important;
--el-input-text-color: v-bind("state.style.color") !important; }
}
.el-popper { :deep(.el-popper) {
--el-bg-color-overlay: v-bind("state.style.itemBg") !important; --el-bg-color-overlay: v-bind("state.style.itemBg") !important;
--el-fill-color-light: v-bind("state.style.bodyBg") !important; --el-fill-color-light: v-bind("state.style.bodyBg") !important;
text-align: left; text-align: left;
} }
.el-dialog { :deep(.el-dialog) {
--el-dialog-bg-color: v-bind("state.style.bodyBg") !important; --el-dialog-bg-color: v-bind("state.style.bodyBg") !important;
} }
.el-drawer { :deep(.el-drawer) {
--el-drawer-bg-color: v-bind("state.style.bodyBg") !important; --el-drawer-bg-color: v-bind("state.style.bodyBg") !important;
} }
* { :deep(*) {
--el-text-color-regular: v-bind("state.style.color") !important; --el-text-color-regular: v-bind("state.style.color") !important;
--el-text-color-primary: v-bind("state.style.color") !important; --el-text-color-primary: v-bind("state.style.color") !important;
--el-disabled-bg-color: v-bind("state.style.itemBg") !important; --el-disabled-bg-color: v-bind("state.style.itemBg") !important;
} }
*::selection { :deep(*::selection) {
background-color: v-bind("state.style.selectionBg"); background-color: v-bind("state.style.selectionBg");
color: v-bind("state.style.selectionColor"); color: v-bind("state.style.selectionColor");
}
} }
</style> </style>

59
packages/manage/router/zhuBeiDong.vue
Unescape View File

@ -148,7 +148,9 @@ body {
padding: 0px; padding: 0px;
margin: 0px; margin: 0px;
} }
</style>
<style lang="scss" scoped>
.app-main { .app-main {
box-shadow: 2px 2px 5px 3px #e5e6eb; box-shadow: 2px 2px 5px 3px #e5e6eb;
border-radius: 4px; border-radius: 4px;
@ -163,7 +165,6 @@ body {
padding: 0; padding: 0;
} }
#app,
#container, #container,
.app-main { .app-main {
background-color: v-bind("state.style.bodyBg"); background-color: v-bind("state.style.bodyBg");
@ -196,39 +197,37 @@ body {
} }
} }
#app { :deep(.el-input),
.el-input, :deep(.el-textarea),
.el-textarea, :deep(.el-date-editor),
.el-date-editor, :deep(.el-input__wrapper) {
.el-input__wrapper { --el-input-bg-color: v-bind("state.style.itemBg") !important;
--el-input-bg-color: v-bind("state.style.itemBg") !important; --el-fill-color-blank: v-bind("state.style.itemBg") !important;
--el-fill-color-blank: v-bind("state.style.itemBg") !important; --el-input-text-color: v-bind("state.style.color") !important;
--el-input-text-color: v-bind("state.style.color") !important; }
}
.el-popper { :deep(.el-popper) {
--el-bg-color-overlay: v-bind("state.style.itemBg") !important; --el-bg-color-overlay: v-bind("state.style.itemBg") !important;
--el-fill-color-light: v-bind("state.style.bodyBg") !important; --el-fill-color-light: v-bind("state.style.bodyBg") !important;
text-align: left; text-align: left;
} }
.el-dialog { :deep(.el-dialog) {
--el-dialog-bg-color: v-bind("state.style.bodyBg") !important; --el-dialog-bg-color: v-bind("state.style.bodyBg") !important;
} }
.el-drawer { :deep(.el-drawer) {
--el-drawer-bg-color: v-bind("state.style.bodyBg") !important; --el-drawer-bg-color: v-bind("state.style.bodyBg") !important;
} }
* { :deep(*) {
--el-text-color-regular: v-bind("state.style.color") !important; --el-text-color-regular: v-bind("state.style.color") !important;
--el-text-color-primary: v-bind("state.style.color") !important; --el-text-color-primary: v-bind("state.style.color") !important;
--el-disabled-bg-color: v-bind("state.style.itemBg") !important; --el-disabled-bg-color: v-bind("state.style.itemBg") !important;
} }
*::selection { :deep(*::selection) {
background-color: v-bind("state.style.selectionBg"); background-color: v-bind("state.style.selectionBg");
color: v-bind("state.style.selectionColor"); color: v-bind("state.style.selectionColor");
}
} }
</style> </style>

Write Preview
Loading…
Cancel
Save