github/dootask
1
0
Fork 0
mirror of https://github.com/kuaifan/dootask.git synced 2025-12-13 12:02:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: 优化透明模式样式

Browse Source
This commit is contained in:
kuaifan 2025-09-25 09:04:35 +08:00
parent e9abf6ed05
commit f433d13a2f
2 changed files with 16 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
resources/assets/js/components/MicroApps/index.vue
View File

@ -7,6 +7,7 @@
:ref="`ref-${app.name}`" :ref="`ref-${app.name}`"
:size="1200" :size="1200"
:options="app" :options="app"
:windowType="windowType"
:beforeClose="onBeforeClose" :beforeClose="onBeforeClose"
@on-capsule-more="onCapsuleMore" @on-capsule-more="onCapsuleMore"
@on-popout-window="onPopoutWindow" @on-popout-window="onPopoutWindow"
@ -72,8 +73,10 @@
} }
.transparent-mode { .transparent-mode {
.micro-app-loader { &:not(.popout-window) {
background-color: rgba(255, 255, 255, 0.6); .micro-app-loader {
background-color: rgba(255, 255, 255, 0.6);
}
} }
} }

11
resources/assets/js/components/MicroApps/modal.vue
View File

@ -71,6 +71,10 @@ export default {
type: Object, type: Object,
default: () => ({}) default: () => ({})
}, },
windowType: {
type: String,
default: 'embed',
},
beforeClose: Function beforeClose: Function
}, },
data() { data() {
@ -90,6 +94,7 @@ export default {
'micro-modal-hidden': !this.open, 'micro-modal-hidden': !this.open,
'no-dark-content': !this.options.auto_dark_theme, 'no-dark-content': !this.options.auto_dark_theme,
'transparent-mode': !!this.options.transparent, 'transparent-mode': !!this.options.transparent,
[`${this.windowType}-window`]: true,
} }
}, },
transitions() { transitions() {
@ -430,6 +435,12 @@ body.dark-mode-reverse {
--modal-body-background-color: #000000; --modal-body-background-color: #000000;
} }
} }
&.popout-window {
&.no-dark-content {
--modal-dark-filter: invert(100%) hue-rotate(180deg) contrast(100%);
--modal-body-background-color: #000000;
}
}
} }
} }
</style> </style>