gitea/legado
gitea/legado
1
1
Fork 0
mirror of https://github.com/gedoor/legado.git synced 2024-07-06 23:47:49 +08:00
Code Issues Packages Projects Releases Wiki Activity

[skip ci] web: remove unnecessary watchers

Browse Source
This commit is contained in:
Xwite 2023-05-09 08:50:00 +08:00
parent 90629650bb
commit 271aa770b1
2 changed files with 5 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
modules/web/src/components/ChapterContent.vue
View File

@ -66,6 +66,7 @@ const paragraphSpacing = computed(() => props.spacing.paragraph); //段距
font: 24px / 32px PingFangSC-Regular, HelveticaNeue-Light,
"Helvetica Neue Light", "Microsoft YaHei", sans-serif;
}
p {
display: block;
word-wrap: break-word;

25
modules/web/src/views/BookChapter.vue
View File

@ -166,18 +166,18 @@ const popupWidth = computed(() => {
});
const bodyTheme = computed(() => {
return {
background: settings.themes[theme.value].body,
background: bodyColor.value,
};
});
const chapterTheme = computed(() => {
return {
background: settings.themes[theme.value].content,
background: chapterColor.value,
width: readWidth.value,
};
});
const leftBarTheme = computed(() => {
return {
background: settings.themes[theme.value].popup,
background: popupColor.value,
marginLeft: miniInterface.value
? 0
: -(store.config.readWidth / 2 + 68) + "px",
@ -186,7 +186,7 @@ const leftBarTheme = computed(() => {
});
const rightBarTheme = computed(() => {
return {
background: settings.themes[theme.value].popup,
background: popupColor.value,
marginRight: miniInterface.value
? 0
: -(store.config.readWidth / 2 + 52) + "px",
@ -197,23 +197,6 @@ const isNight = ref(false);
watchEffect(() => {
isNight.value = theme.value == 6;
});
watch(bodyColor, (color) => {
bodyTheme.value.background = color;
});
watch(chapterColor, (color) => {
chapterTheme.value.background = color;
});
watch(readWidth, (width) => {
chapterTheme.value.width = width;
let leftToolMargin = -((parseInt(width) + 130) / 2 + 68) + "px";
let rightToolMargin = -((parseInt(width) + 130) / 2 + 52) + "px";
leftBarTheme.value.marginLeft = leftToolMargin;
rightBarTheme.value.marginRight = rightToolMargin;
});
watch(popupColor, (color) => {
leftBarTheme.value.background = color;
rightBarTheme.value.background = color;
});
watchEffect(() => {
if (chapterData.value.length > 0) {