AO3-Mirror/ao3-mirror-ssr
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

增加了章节列表的当前章节高亮
All checks were successful
Build / build-and-test (push) Successful in 24s
Details

Browse Source 
[BugFix]
修复了搜索页面加载重复的问题
This commit is contained in:
UnknownMp
2025-05-28 20:36:00 +08:00
parent eda629e58d
commit 7c46970dfe
3 changed files with 20 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/views/Work.vue
View File

@ -163,8 +163,12 @@ async function switchWorkWithIndex(target) {
</dl>
</mdui-card>
<template v-if="workReadState.cid">
<p>第 {{ workReadState.chapterIndex + 1 }} / {{ workReadState.chapters.length }} 章: {{ workReadState.chapters[workReadState.chapterIndex].title }}</p>
<mdui-button variant='filled' @click="chapterDialog.open = true">章节列表</mdui-button>
<h4>第 {{ workReadState.chapterIndex + 1 }} / {{ workReadState.chapters.length }} 章: {{ workReadState.chapters[workReadState.chapterIndex].title }}</h4>
<div style="display: flex;">
<mdui-button variant="filled" v-if="workReadState.chapterIndex != 0" @click="switchWorkWithIndex(workReadState.chapterIndex - 1)">上一章</mdui-button>
<mdui-button variant='elevated' @click="chapterDialog.open = true" style="margin: 0px 16px;">章节列表</mdui-button>
<mdui-button variant="filled" v-if="workReadState.chapterIndex != workReadState.chapters.length - 1" @click="switchWorkWithIndex(workReadState.chapterIndex + 1)">下一章</mdui-button>
</div><br/>
</template>
<blockquote v-if="workReadState.summary">
<p v-html='workReadState.summary'></p>
@ -192,7 +196,11 @@ async function switchWorkWithIndex(target) {
<br/>
点击跳转
</span>
<mdui-list><mdui-list-item v-for="(chapter,index) in workReadState.chapters" :key="chapter.chapterId" @click="switchWorkWithIndex(index)">
<mdui-list><mdui-list-item
v-for="(chapter,index) in workReadState.chapters"
:key="chapter.chapterId" @click="switchWorkWithIndex(index)"
:class="{ 'active-item' : index === workReadState.chapterIndex }"
>
{{index + 1}}. {{ chapter.title }}
</mdui-list-item></mdui-list>
</mdui-dialog>
@ -249,6 +257,9 @@ async function switchWorkWithIndex(target) {
</template>
<style scoped>
.active-item {
background-color: rgb(var(--mdui-color-secondary-container-light));
}
.mdui-fab {
position: fixed;
bottom: 16px; /* 调整垂直位置 */