From 9447bef57b0a5dcbaf59c97d2b6025fe4a339828 Mon Sep 17 00:00:00 2001
From: Xwite <1797350009@qq.com>
Date: Wed, 10 May 2023 12:43:36 +0800
Subject: [PATCH] =?UTF-8?q?web:=20=E4=BF=AE=E5=A4=8D=E5=BF=AB=E6=8D=B7?=
 =?UTF-8?q?=E9=94=AE=E8=AE=BE=E7=BD=AEbug=E5=92=8Cesc=E9=94=AE=E9=80=BB?=
 =?UTF-8?q?=E8=BE=91;=20=E4=BF=AE=E5=A4=8D=E8=B6=85=E5=A4=A7=E7=AB=A0?=
 =?UTF-8?q?=E8=8A=82=E5=88=97=E8=A1=A8=E9=80=A0=E6=88=90=E7=9A=84=E5=8D=A1?=
 =?UTF-8?q?=E9=A1=BF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

bug: 第一点击目录时没有跳转到合适位置
---
 modules/web/src/components/CatalogItem.vue | 35 ++++++++++++++++++++++
 1 file changed, 35 insertions(+)
 create mode 100644 modules/web/src/components/CatalogItem.vue

diff --git a/modules/web/src/components/CatalogItem.vue b/modules/web/src/components/CatalogItem.vue
new file mode 100644
index 000000000..881be249f
--- /dev/null
+++ b/modules/web/src/components/CatalogItem.vue
@@ -0,0 +1,35 @@
+<template>
+  <div
+    class="cata-text"
+    :class="{ selected: isSelected(source.index) }"
+    @click="gotoChapter(source)"
+  >
+    {{ source.title }}
+  </div>
+</template>
+<script setup>
+defineProps(["index", "source", "gotoChapter"]);
+
+const store = useBookStore();
+
+const { catalog } = storeToRefs(store);
+
+const index = computed(() => store.readingBook.index);
+
+const isSelected = (idx) => {
+  return idx == index.value;
+};
+</script>
+
+<style lang="scss" scoped>
+.selected {
+  color: #eb4259;
+}
+
+.cata-text {
+  margin-right: 26px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+</style>