ccc1999
/
tiny-engine
forked from opentiny/tiny-engine
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(styles-import): 解决tree组件选中样式背景色为黑色的问题 (#102)

This commit is contained in:
wenmine 2023-11-23 15:10:18 +08:00 committed by GitHub
parent 68addea488
commit 59074024d8
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 19 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/design-core/vite.config.js
View File

@ -204,7 +204,9 @@ const importmap = {
'@opentiny/vue-icon': `https://unpkg.com/@opentiny/vue@${importMapVersions.tinyVue}/runtime/tiny-vue-icon.mjs`, '@opentiny/vue-icon': `https://unpkg.com/@opentiny/vue@${importMapVersions.tinyVue}/runtime/tiny-vue-icon.mjs`,
'@opentiny/vue-common': `https://unpkg.com/@opentiny/vue@${importMapVersions.tinyVue}/runtime/tiny-vue-common.mjs`, '@opentiny/vue-common': `https://unpkg.com/@opentiny/vue@${importMapVersions.tinyVue}/runtime/tiny-vue-common.mjs`,
'@opentiny/vue-locale': `https://unpkg.com/@opentiny/vue@${importMapVersions.tinyVue}/runtime/tiny-vue-locale.mjs`, '@opentiny/vue-locale': `https://unpkg.com/@opentiny/vue@${importMapVersions.tinyVue}/runtime/tiny-vue-locale.mjs`,
'@opentiny/vue-design-smb': `https://unpkg.com/@opentiny/vue-design-smb@${importMapVersions.tinyVue}/index.js` '@opentiny/vue-design-smb': `https://unpkg.com/@opentiny/vue-design-smb@${importMapVersions.tinyVue}/index.js`,
'@opentiny/vue-theme/theme-tool': `https://unpkg.com/@opentiny/vue-theme@${importMapVersions.tinyVue}/theme-tool`,
'@opentiny/vue-theme/theme': `https://unpkg.com/@opentiny/vue-theme@${importMapVersions.tinyVue}/theme`
} }
} }

20
packages/plugins/page/src/PageTree.vue
View File

@ -386,12 +386,19 @@ export default {
color: var(--ti-lowcode-page-manage-tree-color); color: var(--ti-lowcode-page-manage-tree-color);
.tiny-tree-node { .tiny-tree-node {
&.is-current { &:hover {
.tiny-tree-node__content { background-color: var(--ti-lowcode-page-manage-page-tree-background-hover-color);
background-color: var(--ti-lowcode-page-manage-page-tree-background-color); }
&:hover { &.is-current,
background-color: var(--ti-lowcode-page-manage-page-tree-background-hover-color); &.is-current .tiny-tree-node__content,
} &.is-current .tiny-tree-node__content-box {
color: var(--ti-lowcode-page-manage-tree-color);
background-color: var(--ti-lowcode-page-manage-page-tree-background-active-color);
&:hover {
background-color: var(--ti-lowcode-page-manage-page-tree-background-hover-color);
}
& > .tiny-tree-node__content-left {
font-weight: 700;
} }
} }
} }
@ -421,7 +428,6 @@ export default {
visibility: hidden; visibility: hidden;
} }
&:hover { &:hover {
background-color: var(--ti-lowcode-page-manage-page-tree-background-color) !important;
border-radius: 0; border-radius: 0;
.icons { .icons {
.setting { .setting {

2
packages/theme/dark/pageManage.less
View File

@ -13,7 +13,7 @@
--ti-lowcode-page-manage-content-tips-color: var(--ti-lowcode-common-text-color-5); --ti-lowcode-page-manage-content-tips-color: var(--ti-lowcode-common-text-color-5);
--ti-lowcode-page-manage-search-border-color: var(--ti-lowcode-common-border-color-2); --ti-lowcode-page-manage-search-border-color: var(--ti-lowcode-common-border-color-2);
--ti-lowcode-page-manage-tree-color: var(--ti-lowcode-common-secondary-text-color); --ti-lowcode-page-manage-tree-color: var(--ti-lowcode-common-secondary-text-color);
--ti-lowcode-page-manage-page-tree-background-color: var(--ti-lowcode-common-component-hover-bg); --ti-lowcode-page-manage-page-tree-background-active-color: var(--ti-lowcode-common-component-hover-bg);
--ti-lowcode-page-manage-page-tree-background-hover-color: var(--ti-lowcode-common-primary-hover-color); --ti-lowcode-page-manage-page-tree-background-hover-color: var(--ti-lowcode-common-primary-hover-color);
--ti-lowcode-page-manage-svg-hover-color: var(--ti-lowcode-common-primary-color); --ti-lowcode-page-manage-svg-hover-color: var(--ti-lowcode-common-primary-color);
--ti-lowcode-page-manage-text-color: var(--ti-lowcode-common-secondary-text-color); --ti-lowcode-page-manage-text-color: var(--ti-lowcode-common-secondary-text-color);

4
packages/theme/light/pageManage.less
View File

@ -10,8 +10,8 @@
--ti-lowcode-page-manage-content-tips-color: var(--ti-lowcode-common-text-color-5); --ti-lowcode-page-manage-content-tips-color: var(--ti-lowcode-common-text-color-5);
--ti-lowcode-page-manage-search-border-color: var(--ti-lowcode-base-gray-30); --ti-lowcode-page-manage-search-border-color: var(--ti-lowcode-base-gray-30);
--ti-lowcode-page-manage-tree-color: var(--ti-lowcode-common-text-main-color); --ti-lowcode-page-manage-tree-color: var(--ti-lowcode-common-text-main-color);
--ti-lowcode-page-manage-page-tree-background-color: var(--ti-lowcode-common-component-hover-bg); --ti-lowcode-page-manage-page-tree-background-active-color: var(--ti-lowcode-common-component-hover-bg);
--ti-lowcode-page-manage-page-tree-background-hover-color: var(--ti-lowcode-common-primary-hover-color); --ti-lowcode-page-manage-page-tree-background-hover-color: var(--ti-lowcode-common-component-hover-bg);
--ti-lowcode-page-manage-svg-hover-color: var(--ti-lowcode-base-bg-3); --ti-lowcode-page-manage-svg-hover-color: var(--ti-lowcode-base-bg-3);
--ti-lowcode-page-manage-text-color: var(--ti-lowcode-base-text-color-1); --ti-lowcode-page-manage-text-color: var(--ti-lowcode-base-text-color-1);
--ti-lowcode-page-manage-input-head-text-color: var(--ti-lowcode-base-text-color); --ti-lowcode-page-manage-input-head-text-color: var(--ti-lowcode-base-text-color);