#IAQWB6 处理图标展示问题
This commit is contained in:
@@ -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',});
|
||||||
|
|||||||
Reference in New Issue
Block a user