web书架: 判断同步的阅读宽度是否超出当前设备

modules/web/src/components/BookItems.vue

@@ -49,7 +49,7 @@
   </div>
 </template>
 <script setup>
-import { dateFormat } from "../plugins/utils";
+import { dateFormat } from "../utils/utils";
 const props = defineProps(["books", "isSearch"]);
 const emit = defineEmits(["bookClick"]);
 const handleClick = (book) => emit("bookClick", book);

modules/web/src/components/ChapterContent.vue

@@ -18,7 +18,7 @@
 </template>
 
 <script setup>
-import { getImageFromLegado, isLegadoUrl } from "@/plugins/utils";
+import { getImageFromLegado, isLegadoUrl } from "@/utils/utils";
 import jump from "@/plugins/jump";
 
 const props = defineProps({

modules/web/src/components/PopCatalog.vue

@@ -21,7 +21,7 @@
 
 <script setup>
 import VirtualList from "vue3-virtual-scroll-list";
-import settings from "../plugins/config";
+import settings from "../config/themeConfig";
 import "../assets/fonts/popfont.css";
 import CatalogItem from "./CatalogItem.vue";
 

modules/web/src/components/ReadSettings.vue

@@ -163,7 +163,7 @@
 <script setup>
 import "../assets/fonts/popfont.css";
 import "../assets/fonts/iconfont.css";
-import settings from "../plugins/config";
+import settings from "../config/themeConfig";
 import API from "@api";
 const store = useBookStore();
 
@@ -295,7 +295,8 @@ const readWidth = computed(() => {
   return store.config.readWidth;
 });
 const moreReadWidth = () => {
-  /*if (config.value.readWidth < 960)*/
+  // 此时会截断页面
+  if (config.value.readWidth + 160 + 2 * 68 > window.innerWidth) return;
   config.value.readWidth += 160;
   saveConfig(config.value);
 };