#IAQWB6 处理图标展示问题

This commit is contained in:
sswiki
2024-12-04 22:41:33 +08:00
parent 7f99c38177
commit 10f28497b5

View File

@@ -27,7 +27,12 @@
<div class="page-tree-node"> <div class="page-tree-node">
<el-tooltip :content="node.label" placement="top-start" :show-after="1000"> <el-tooltip :content="node.label" placement="top-start" :show-after="1000">
<span class="label"> <span class="label">
<el-icon><el-icon-document/></el-icon> <template v-if="data.editorType === 0">
<FolderOpen v-if="node.expanded" class="el-icon"/>
<FolderClose v-else class="el-icon"/>
</template>
<template v-else-if="data.editorType === 1"><IconParkWord class="el-icon"/></template>
<template v-else-if="data.editorType === 2"><IconDocument class="el-icon"/></template>
<span class="text">{{ node.label }}</span> <span class="text">{{ node.label }}</span>
</span> </span>
</el-tooltip> </el-tooltip>
@@ -53,12 +58,11 @@
import {onBeforeUnmount, ref, onMounted, watch, defineProps, nextTick, defineEmits, defineExpose, computed} from 'vue'; import {onBeforeUnmount, ref, onMounted, watch, defineProps, nextTick, defineEmits, defineExpose, computed} from 'vue';
import {onBeforeRouteUpdate, useRouter, useRoute} from "vue-router"; import {onBeforeRouteUpdate, useRouter, useRoute} from "vue-router";
import {ElMessageBox, ElMessage} from 'element-plus' import {ElMessageBox, ElMessage} from 'element-plus'
import { import {FolderClose, FolderOpen, Word as IconParkWord,} from '@icon-park/vue-next'
Document as ElIconDocument, import {Search as ElIconSearch,} from '@element-plus/icons-vue'
Search as ElIconSearch,
} from '@element-plus/icons-vue'
import pageApi from '../../assets/api/page' import pageApi from '../../assets/api/page'
import RightResize from './RightResize.vue' import RightResize from './RightResize.vue'
import IconDocument from "@/components/base/IconDocument.vue";
let leftCollapse = ref(true); let leftCollapse = ref(true);
let defaultProps = ref({children: 'children', label: 'name',}); let defaultProps = ref({children: 'children', label: 'name',});