| | |
| | | <div>附加题</div> |
| | | <div :class="exercisesType == 'additional' ? 'text' : 'line'"></div> |
| | | </div> |
| | | <hr class="hr" v-if="bookConfig.textbookComponents.indexOf('AFC1A288') > -1" /> |
| | | <!-- <hr class="hr" v-if="bookConfig.textbookComponents.indexOf('AFC1A288') > -1" /> |
| | | <div |
| | | class="tabItem hover" |
| | | @click="selectExercisesType('wrong')" |
| | |
| | | > |
| | | <div>错题本</div> |
| | | <div :class="exercisesType == 'wrong' ? 'text' : 'line'"></div> |
| | | </div> |
| | | <hr class="hr" v-if="bookConfig.textbookComponents.indexOf('A434F2C0') > -1" /> |
| | | </div> --> |
| | | <!-- <hr class="hr" v-if="bookConfig.textbookComponents.indexOf('A434F2C0') > -1" /> |
| | | <div |
| | | class="tabItem hover" |
| | | @click="selectExercisesType('collection')" |
| | |
| | | > |
| | | <div>收藏夹</div> |
| | | <div :class="exercisesType == 'collection' ? 'text' : 'line'"></div> |
| | | </div> |
| | | </div> --> |
| | | </div> |
| | | </div> |
| | | <!-- 目录 --> |
| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <!-- 题库底部收藏夹和错题集 --> |
| | | <ul class="question-bottom" v-if="activeMenu == '题库'"> |
| | | <li @click="selectExercisesType('collection')">收藏夹</li> |
| | | <li @click="selectExercisesType('wrong')">错题本</li> |
| | | </ul> |
| | | <!-- 菜单内容收起 --> |
| | | <div class="menuStateBox" v-if="menuState.open"> |
| | | <svg |
| | |
| | | //错题本 |
| | | const wrongQuestionVisble = ref(false) |
| | | const selectExercisesType = (type) => { |
| | | exercisesType.value = type |
| | | searchText.value = '' |
| | | |
| | | if (type == 'exercises') { |
| | | getExercisesList() |
| | | exercisesType.value = type |
| | | searchText.value = '' |
| | | } else if (type == 'additional') { |
| | | getAdditionalList() |
| | | exercisesType.value = type |
| | | searchText.value = '' |
| | | } else if (type == 'wrong') { |
| | | openExaminationDialog(true, {}, 'errorQuestion') |
| | | questionList.value = [] |
| | | } else { |
| | | openExaminationDialog(true, {}, 'collectQuestion') |
| | | questionList.value = [] |
| | | } |
| | | } |
| | | // 题列表点击 |
| | |
| | | } |
| | | } |
| | | .menuContent { |
| | | // position: relative; |
| | | width: 300px; |
| | | flex-shrink: 0; |
| | | height: calc(100vh - 48px); |
| | |
| | | height: calc(100% - 60px); |
| | | overflow-y: auto; |
| | | } |
| | | .questionList { |
| | | height:83% |
| | | } |
| | | .question-bottom { |
| | | position: absolute; |
| | | bottom: 0; |
| | | display: flex; |
| | | justify-content: space-evenly; |
| | | width:300px; |
| | | padding:20px 0; |
| | | background-color:#fff; |
| | | li { |
| | | cursor: pointer; |
| | | width: 65px; |
| | | height:65px; |
| | | border:1px solid #cfcfcf; |
| | | border-radius:10px; |
| | | background-color:#f9f9f9; |
| | | display:flex; |
| | | justify-content: center; |
| | | align-items: center; |
| | | } |
| | | } |
| | | } |
| | | .menuStateBox { |
| | | width: 25px; |