| | |
| | | <!-- 菜单内容 --> |
| | | <div class="menuContent" v-if="menuState.open"> |
| | | <div class="searchBox"> |
| | | <div class="inputBox" v-if="activeMenu !== 2"> |
| | | <div class="inputBox" v-if="activeMenu !== '资源'"> |
| | | <el-input |
| | | class="custom-input" |
| | | placeholder="请输入内容" |
| | |
| | | </div> |
| | | </div> |
| | | <!-- 目录 --> |
| | | <div class="menuList" v-if="activeMenu == 0"> |
| | | <div class="menuList" v-if="activeMenu == '目录'"> |
| | | <el-tree |
| | | ref="catalogTree" |
| | | style="max-width: 600px" |
| | |
| | | </div> |
| | | </div> |
| | | <!-- 笔记 --> |
| | | <div class="notesBox" v-if="activeMenu == '目录'"> |
| | | <div class="notesBox" v-if="activeMenu == '笔记'"> |
| | | <div class="screenBox"> |
| | | <div class="title">筛选</div> |
| | | <div class="flex1 hover" @click="searchClick('all')"> |
| | |
| | | <div class="popinnerBox"> |
| | | <div class="graphBox"> |
| | | <div class="graphSelect"> |
| | | |
| | | |
| | | |
| | | </div> |
| | | <div class="lineStyle"> |
| | |
| | | console.log(data, '章节切换:目前显示的三个章节') |
| | | }, |
| | | pageChange: (data) => { |
| | | // { |
| | | // page: 100, |
| | | // catalog: 5, |
| | | // catalogId: "", |
| | | // catalogName: "", |
| | | // } |
| | | headerData.process = Number(data.page) |
| | | console.log(data, '页面切换:目前显示页面和对应的章节信息') |
| | | } |
| | | }) |
| | |
| | | //浮窗工具栏点击事件 |
| | | const floatItemHandle = (item) => { |
| | | floatingToolData.activeToolData = item.name |
| | | canvasShow.value = false |
| | | switch (floatingToolData.activeToolData) { |
| | | case '画笔': |
| | | canvasShow.value = true |