diff options
author | 135e2 <[email protected]> | 2022-08-09 00:34:26 +0800 |
---|---|---|
committer | 135e2 <[email protected]> | 2022-08-09 00:34:26 +0800 |
commit | ffd55641317ebd6344e92eb8a3204981846b5e05 (patch) | |
tree | 8155cad43dd4b68d72d9931cff5dbe05637e222d /src/App.vue | |
parent | db760e35e75c4d6393a3f5cb76b446e5c8816549 (diff) | |
download | otonashi-ffd55641317ebd6344e92eb8a3204981846b5e05.tar.gz otonashi-ffd55641317ebd6344e92eb8a3204981846b5e05.tar.bz2 otonashi-ffd55641317ebd6344e92eb8a3204981846b5e05.zip |
feat(SettingsPage): add backgroundImage customization
Diffstat (limited to 'src/App.vue')
-rw-r--r-- | src/App.vue | 6 |
1 files changed, 5 insertions, 1 deletions
diff --git a/src/App.vue b/src/App.vue index 67915be..f121977 100644 --- a/src/App.vue +++ b/src/App.vue @@ -54,6 +54,7 @@ v-else-if="atSettings" @update-title-size="updateTitleSize" @update-content-size="updateContentSize" + @update-background-image-url="updateBackgroundImageURL" :realTitleSize="parseInt(titleSize)" :realContentSize="contentSize" /> @@ -93,7 +94,7 @@ export default { snackbarText: "Default snackbar text (End-user shouldn't see this)", bg: { // backgroundColor: "grey", - // backgroundImage: "url(https://wallpapercave.com/wp/wp9649930.jpg)", + backgroundImage: "", backgroundPosition: "center", }, }), @@ -124,6 +125,9 @@ export default { updateContentSize(s) { this.contentSize = s; }, + updateBackgroundImageURL(s) { + this.bg.backgroundImage = s ? `url(${s})` : ""; + }, }, }; </script> |