+
+
+
+
+ {{ data.title }}
+
+
+
+
+
+
+
diff --git a/modules/web/src/components/ChapterContent.vue b/modules/web/src/components/ChapterContent.vue
new file mode 100644
index 000000000..419e6f515
--- /dev/null
+++ b/modules/web/src/components/ChapterContent.vue
@@ -0,0 +1,61 @@
+
+
+
+
+
+
+ ![]()
+
+
+
+ {{ book.name }}
+
+
+
+
+
+
+ •
+ 共{{ book.totalChapterNum }}章
+ •
+ {{ dateFormat(book.lastCheckTime) }}
+ {{ book.intro }}
+
+
+ 已读：{{ book.durChapterTitle }}
+
+ 最新：{{ book.latestChapterTitle }}
+
+ ![]()
+
+
+
+
+
+
+
diff --git a/modules/web/src/components/PopCatalog.vue b/modules/web/src/components/PopCatalog.vue
new file mode 100644
index 000000000..d7167a004
--- /dev/null
+++ b/modules/web/src/components/PopCatalog.vue
@@ -0,0 +1,137 @@
+
+
+
+
+
+
+
+
diff --git a/modules/web/src/components/ReadSettings.vue b/modules/web/src/components/ReadSettings.vue
new file mode 100644
index 000000000..58ba9a56d
--- /dev/null
+++ b/modules/web/src/components/ReadSettings.vue
@@ -0,0 +1,477 @@
+
+ 目录
+
+
+
+
+
+
+
+ {{ note.title }}
+
+
+
+
+
+
+
+
diff --git a/modules/web/src/components/SourceDebug.vue b/modules/web/src/components/SourceDebug.vue
new file mode 100644
index 000000000..9f5e08ca4
--- /dev/null
+++ b/modules/web/src/components/SourceDebug.vue
@@ -0,0 +1,55 @@
+
+ 设置
+
+
+ -
+
- + 阅读主题 + {{ moonIcon }} + +
- + 正文字体 + {{ font }} + +
-
+ 自定字体
+
+ + + ++ ++ 请确认输入的字体名称完整无误，并且该字体已经安装在您的设备上。 +
+确定保存吗？
+++ + 保存 + +取消 +确定 +
+ -
+ 字体大小
+ + {{ fontSize }} + ++
+
-
+ 页面宽度
+ + {{ readWidth }} + ++
+
- + 无限加载 + 关闭 + 开启 + +
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/modules/web/src/components/SourceJson.vue b/modules/web/src/components/SourceJson.vue
new file mode 100644
index 000000000..c2898b660
--- /dev/null
+++ b/modules/web/src/components/SourceJson.vue
@@ -0,0 +1,40 @@
+
+ ^$()[]{}.?+*| 这些是Java正则特殊符号,匹配需转义+
(?s) 前缀表示跨行解析+
(?m) 前缀表示逐行匹配+
(?i) 前缀表示忽略大小写+
+ 打开
+
+ 导出
+ 删除
+ 清空
+
+
+ 保存
+
+
+
+
+ 快捷键设置
+
+ / 录入中
+
+
+
+
+
+ {{ button.name }}
+ 编辑
+
+
+
+
+ {{ key }}
+
+ +
+
+
+ 未设置
+
+
+
+
+
+
+
+
+
+
diff --git a/modules/web/src/views/BookShelf.vue b/modules/web/src/views/BookShelf.vue
new file mode 100644
index 000000000..022d94193
--- /dev/null
+++ b/modules/web/src/views/BookShelf.vue
@@ -0,0 +1,369 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/modules/web/src/views/SourceEditor.vue b/modules/web/src/views/SourceEditor.vue
new file mode 100644
index 000000000..4710fc627
--- /dev/null
+++ b/modules/web/src/views/SourceEditor.vue
@@ -0,0 +1,43 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ 最近阅读
+
+
+ {{ readingRecent.name }}
+
+
+
+
+ 基本设定
+
+
+ {{ connectStatus }}
+
+
+
+
+
+
+ ![]()
+
+
+
+
+
+
+
+
+
diff --git a/modules/web/vite.config.js b/modules/web/vite.config.js
new file mode 100644
index 000000000..db4479ef7
--- /dev/null
+++ b/modules/web/vite.config.js
@@ -0,0 +1,55 @@
+import { resolve } from "path";
+import { defineConfig, splitVendorChunkPlugin } from "vite";
+import vue from "@vitejs/plugin-vue";
+import Icons from "unplugin-icons/vite";
+import IconsResolver from "unplugin-icons/resolver";
+import AutoImport from "unplugin-auto-import/vite";
+import Components from "unplugin-vue-components/vite";
+import { ElementPlusResolver } from "unplugin-vue-components/resolvers";
+
+// https://vitejs.dev/config/
+export default ({ mode }) =>
+ defineConfig({
+ plugins: [
+ vue(),
+ splitVendorChunkPlugin(), // index vendor打包
+ AutoImport({
+ imports: ["vue", "vue-router", "pinia"],
+ include: [/\.[tj]sx?$/, /\.vue$/, /\.vue\?vue/, /\.md$/],
+ dirs: ["src/components", "src/store"],
+ eslintrc: {
+ enabled: true,
+ },
+ resolvers: [
+ ElementPlusResolver(),
+ IconsResolver({
+ prefix: "Icon",
+ }),
+ ],
+ dts: "./src/auto-imports.d.ts",
+ }),
+ Components({
+ resolvers: [
+ ElementPlusResolver(),
+ IconsResolver({
+ enabledCollections: ["ep"],
+ }),
+ ],
+ dts: "./src/components.d.ts",
+ }),
+ Icons({
+ autoInstall: true,
+ }),
+ ],
+ base: mode === "development" ? "/" : "./",
+ server: {
+ port: 8080,
+ },
+ resolve: {
+ alias: {
+ "@": resolve(__dirname, "./src"),
+ "@api": resolve(__dirname, "./src/api"),
+ "@utils": resolve(__dirname, "./src/utils/"),
+ },
+ },
+ });