renun/BewlyBewly
1
0
Fork 0
mirror of https://github.com/BewlyBewly/BewlyBewly.git synced 2025-04-14 13:15:29 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

perf: optimize page performance

Browse Source
This commit is contained in:
Hakadao
2023-06-28 12:32:10 +08:00
parent 5bda89527f
commit fb334508f7
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/contentScripts/views/App.vue
View File

@@ -156,16 +156,16 @@ function setAppAppearance() {
<!-- background mask -->
<div
v-if="settings.enableWallpaperMasking"
pos="fixed top-0 left-0" w-full h-full pointer-events-none will-change-contents bg="$bew-bg-mask"
pos="absolute top-0 left-0" w-full h-full pointer-events-none will-change-contents bg="$bew-bg-mask" z--1
:style="{ backdropFilter: `blur(${settings.wallpaperBlurIntensity}px)` }"
/>
<div ref="mainApp" text="$bew-text-1" transition="opacity duration-300">
<div ref="mainApp" text="$bew-text-1" transition="opacity duration-300" h-100vh overflow-y-scroll>
<div m-auto max-w="$bew-page-max-width" :style="{ opacity: showSettings ? 0.6 : 1 }">
<Transition name="topbar">
<Topbar
v-show="settings.isShowTopbar"
:show-search-bar="activatedPage !== AppPage.Search"
class="fixed top-0 left-0 z-50"
class="absolute top-0 left-0 z-50"
/>
</Transition>
@@ -177,7 +177,7 @@ function setAppAppearance() {
right: settings.dockPosition === 'right',
bottom: settings.dockPosition === 'bottom',
}"
pos="fixed top-0" flex="~ col" h-100vh justify-center z-999
pos="absolute top-0" flex="~ col" h-100vh justify-center z-999
>
<div
class="dock-content"
@@ -278,8 +278,8 @@ function setAppAppearance() {
relative
>
<Transition name="fade">
<Component :is="pages[activatedPage]" v-if="!isVideoPage" absolute w-full />
<Video v-else />
<Component :is="pages[activatedPage]" absolute w-full />
<!-- <Video v-else /> -->
</Transition>
</main>
</div>