|
|
@@ -9,12 +9,12 @@
|
|
|
<div v-if="state.hasRead && state.showCnt" class="chapter-box">
|
|
|
<NavMenus :back-confirm="state.lastChapterNum != maxChapterNum"></NavMenus>
|
|
|
<div class="chapter-content">
|
|
|
- <div class="menu-box" :class="{ fold: state.menuFold }">
|
|
|
+
|
|
|
+ <!-- 原本的左侧菜单 -->
|
|
|
+ <!-- <div class="menu-box" :class="{ fold: state.menuFold }">
|
|
|
<div class="menu-title">{{ state.chapterTree[state.currentStep]?.name ?? '' }}</div>
|
|
|
<div class="menu-list">
|
|
|
<el-scrollbar :max-height="state.menuListHeight">
|
|
|
- <!-- 当父级菜单不存在子级菜单，导致会出现很大的空白，这里调整 space="7rem" 小一些进行解决 -->
|
|
|
- <!-- <el-steps direction="vertical" space="7rem" :active="state.currentStep"> -->
|
|
|
<el-steps direction="vertical" space="3rem" :active="state.currentStep">
|
|
|
<el-step v-for="(item, idx) in state.chapterTree" :title="item.name" @click="menuClick($event, idx)">
|
|
|
<template #icon>
|
|
|
@@ -38,7 +38,13 @@
|
|
|
</el-scrollbar>
|
|
|
<div class="menu-switch" @click="menuSwitch"></div>
|
|
|
</div>
|
|
|
+ </div> -->
|
|
|
+
|
|
|
+ <!-- 新的左侧菜单 -->
|
|
|
+ <div class="menuLeft" >
|
|
|
+
|
|
|
</div>
|
|
|
+
|
|
|
<div v-if="state.currentChapter.type != 30" class="chapter-detail">
|
|
|
<div class="detail-title">{{ state.currentChapter.name }}</div>
|
|
|
<div class="detail-cnt" v-html="htmlContent"></div>
|
|
|
@@ -967,6 +973,18 @@ const callbackProgressQingXiCheAndQv = (json : any) => {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+ // 左侧菜单
|
|
|
+ .menuLeft {
|
|
|
+ position: fixed;
|
|
|
+ top: 10.92rem;
|
|
|
+ bottom: 18rem;
|
|
|
+ left: 2.28rem;
|
|
|
+ width: 21.64rem;
|
|
|
+ z-index: 2;
|
|
|
+ // background-color: #00000080;
|
|
|
+ }
|
|
|
+
|
|
|
}
|
|
|
}
|
|
|
</style>
|
