diff --git a/src/_locales/cmn-CN.yml b/src/_locales/cmn-CN.yml
index 5dc7c3c4..29ec705c 100644
--- a/src/_locales/cmn-CN.yml
+++ b/src/_locales/cmn-CN.yml
@@ -115,6 +115,7 @@ settings:
use_search_page_mode: 首页使用搜索页模式
settings_shared_with_the_search_page: 与搜索页共用的配置
settings_shared_with_the_search_page_desc: 这些设置都与搜索页共用
+ search_page_mode_wallpaper_fixed: 将搜索页模式的壁纸固定
auth:
err_tip: 授权 access key 失败
diff --git a/src/_locales/cmn-TW.yml b/src/_locales/cmn-TW.yml
index 82eac8ab..7be4a126 100644
--- a/src/_locales/cmn-TW.yml
+++ b/src/_locales/cmn-TW.yml
@@ -115,6 +115,7 @@ settings:
use_search_page_mode: 首頁使用搜尋頁模式
settings_shared_with_the_search_page: 與搜尋頁共用的設定
settings_shared_with_the_search_page_desc: 這些設定都與搜尋頁共用
+ search_page_mode_wallpaper_fixed: 將搜尋頁模式的背景固定
auth:
err_tip: 無法授權 access key
diff --git a/src/_locales/en.yml b/src/_locales/en.yml
index ac74cac6..cd626d91 100644
--- a/src/_locales/en.yml
+++ b/src/_locales/en.yml
@@ -116,6 +116,7 @@ settings:
use_search_page_mode: Use search page mode on homepage
settings_shared_with_the_search_page: Settings shared with the search page
settings_shared_with_the_search_page_desc: Those settings are used in common with the search page
+ search_page_mode_wallpaper_fixed: Make the wallpaper of the search page mode fixed
auth:
err_tip: Failed to grant access key
diff --git a/src/_locales/jyut.yml b/src/_locales/jyut.yml
index e5b7451b..0dc91eed 100644
--- a/src/_locales/jyut.yml
+++ b/src/_locales/jyut.yml
@@ -115,6 +115,7 @@ settings:
use_search_page_mode: 主頁使用搵嘢頁模式
settings_shared_with_the_search_page: 同搵嘢頁共用嘅設定
settings_shared_with_the_search_page_desc: 呢啲設定都同搵嘢頁共用
+ search_page_mode_wallpaper_fixed: 定住搵嘢頁模式嘅背景
auth:
err_tip: 無法授權 access key
diff --git a/src/components/Settings/components/Home.vue b/src/components/Settings/components/Home.vue
index 3e37afda..9d28eb2e 100644
--- a/src/components/Settings/components/Home.vue
+++ b/src/components/Settings/components/Home.vue
@@ -106,12 +106,16 @@ function handleCloseSearchPageModeSharedSettings() {
@close="handleCloseSearchPageModeSharedSettings"
>
- {{ $t('settings.settings_shared_with_the_search_page_desc') }}
+ {{ $t('settings.search_page_mode_wallpaper_fixed') }}
+
+
+
+
diff --git a/src/contentScripts/views/Home/Home.vue b/src/contentScripts/views/Home/Home.vue
index dacbbd0a..43296e6b 100644
--- a/src/contentScripts/views/Home/Home.vue
+++ b/src/contentScripts/views/Home/Home.vue
@@ -59,6 +59,7 @@ onUnmounted(() => {
pos="absolute left-0 top-0" w-full h-580px mb--580px bg="cover center" z-1
:style="{
backgroundImage: `url(${settings.searchPageWallpaper})`,
+ backgroundAttachment: settings.searchPageModeWallpaperFixed ? 'fixed' : 'unset'
}"
/>
diff --git a/src/logic/storage.ts b/src/logic/storage.ts
index 2786b5fa..6c98b198 100644
--- a/src/logic/storage.ts
+++ b/src/logic/storage.ts
@@ -37,4 +37,5 @@ export const settings = useStorageLocal('settings', ref({
recommendationMode: 'web',
useSearchPageModeOnHomePage: false,
+ searchPageModeWallpaperFixed: true,
}), { mergeDefaults: true })
diff --git a/src/models/models.ts b/src/models/models.ts
index 6140f653..aa8b03e9 100644
--- a/src/models/models.ts
+++ b/src/models/models.ts
@@ -32,4 +32,5 @@ export interface Settings {
recommendationMode: 'web' | 'app'
useSearchPageModeOnHomePage: boolean
+ searchPageModeWallpaperFixed: boolean
}