| | |
| | | v-if="catalogueData.length > 0" |
| | | @node-click="handleNodeClick" |
| | | :filter-node-method="filterNode" |
| | | /> |
| | | > |
| | | <template #default="{ node, data }"> |
| | | <div class="custom-tree-node"> |
| | | <div class="catalogueLabel">{{ node.label }}</div> |
| | | <span class="pageNum">{{ data.page }}</span> |
| | | </div> |
| | | </template> |
| | | </el-tree> |
| | | <div v-if="catalogueData.length == 0"> |
| | | <el-empty :image-size="60" description="暂无数据" /> |
| | | </div> |
| | |
| | | </el-dialog> |
| | | <el-dialog title="百度百科" align-center v-model="baiduVisible" width="60%" class="myDialogs"> |
| | | <div class="wendabox"> |
| | | <iframe :src="'https://baike.baidu.com/item/' + selectText" frameborder="0"></iframe> |
| | | <iframe :src="'https://baike.baidu.com/item/' + dialogToolData.txt" frameborder="0"></iframe> |
| | | </div> |
| | | </el-dialog> |
| | | <el-dialog title="AI智能问答" align-center v-model="wendaVisible" width="26%" class="myDialogs"> |
| | |
| | | <el-dialog title="词典" align-center v-model="cidianVisible" width="60%" class="myDialogs"> |
| | | <div class="wendabox"> |
| | | <!-- <iframe src="https://www.vocabulary.com/" frameborder="0"></iframe> --> |
| | | <dictionary :searchCon="selectText" /> |
| | | <dictionary :searchCon="dialogToolData.txt" /> |
| | | </div> |
| | | </el-dialog> |
| | | <el-dialog |
| | |
| | | getSelection(data) |
| | | } else { |
| | | showToolBox.value = false |
| | | toolActive = '' |
| | | } |
| | | }, |
| | | catalogChange: (data) => { |
| | |
| | | // getNotesList() // 获取笔记 |
| | | // getlineHeightList() //获取高亮 |
| | | // getScribeList() //获取划线 |
| | | // getScreenshotList() //截图 |
| | | getScreenshotList() //截图 |
| | | } |
| | | ) |
| | | //获取目录 |
| | |
| | | } |
| | | const defaultProps = { |
| | | children: 'children', |
| | | label: 'label' |
| | | label: 'label', |
| | | page: 'page', |
| | | } |
| | | const filterNode = (value, data) => { |
| | | if (!value) return true |
| | |
| | | { icon: fuzhi, activeIcon: fuzhi1, name: '复制' }, |
| | | { icon: AIyuedu, activeIcon: AIyuedu1, name: 'AI阅读' }, |
| | | { icon: cidian2, activeIcon: cidian1, name: '词典' }, |
| | | { icon: baidu, activeIcon: cidian1, name: '百科' } |
| | | { icon: baidu, activeIcon: baidu, name: '百科' } |
| | | // { icon: yuyinyuedu, activeIcon: yuyinyuedu1, name: '语音阅读' } |
| | | // { icon: cidian2, activeIcon: cidian1, name: '翻译' } |
| | | ]) |
| | |
| | | cidianVisible.value = true |
| | | break |
| | | case '百科': |
| | | console.log('https://baike.baidu.com/item/' + dialogToolData.txt) |
| | | baiduVisible.value = true |
| | | break |
| | | } |
| | |
| | | lineDelete.showLineDelete = true |
| | | lineDelete.deleteType = type |
| | | lineDelete.id = id |
| | | lineDelete.top = 500 |
| | | lineDelete.left = 500 |
| | | } |
| | | } |
| | | |
| | |
| | | align-items: center; |
| | | } |
| | | .resourceBox { |
| | | padding: 15px 0; |
| | | padding: 10px 0; |
| | | margin: 0 20px; |
| | | border-bottom: 1px solid rgba(204, 204, 204, 0.32); |
| | | .classification { |
| | |
| | | } |
| | | .count { |
| | | width: 35px; |
| | | margin: 5px auto; |
| | | margin: 0 auto; |
| | | margin-top:5px; |
| | | border-radius: 10px; |
| | | background: #fff; |
| | | color: #c8c8c8; |
| | |
| | | } |
| | | .inputBox { |
| | | margin-top: 10px; |
| | | width:100% !important; |
| | | } |
| | | } |
| | | .resourceTab { |
| | |
| | | } |
| | | } |
| | | .inputBox { |
| | | width:85%; |
| | | .custom-input { |
| | | border: 1px solid #0093ff !important; |
| | | border-radius: 50px; |