调整icon导致x替换问题
This commit is contained in:
parent
8d11f5858d
commit
2ce7cde8cb
@ -21,7 +21,8 @@
|
|||||||
<span
|
<span
|
||||||
class="el-icon-tickets"
|
class="el-icon-tickets"
|
||||||
:style="{color: data.valid ? 'green':''}"
|
:style="{color: data.valid ? 'green':''}"
|
||||||
> {{ tnode.label }}</span>
|
></span>
|
||||||
|
<span :style="{color: data.valid ? 'green':''}"> {{ tnode.label }}</span>
|
||||||
</span>
|
</span>
|
||||||
</el-tree>
|
</el-tree>
|
||||||
</el-scrollbar>
|
</el-scrollbar>
|
||||||
|
@ -34,15 +34,16 @@
|
|||||||
v-if="tnode.data.type === 'lesson'"
|
v-if="tnode.data.type === 'lesson'"
|
||||||
:style="{color: tnode.data.valid ? 'green':''}"
|
:style="{color: tnode.data.valid ? 'green':''}"
|
||||||
class="el-icon-tickets"
|
class="el-icon-tickets"
|
||||||
> {{ tnode.label }}</span>
|
></span>
|
||||||
</span>
|
</span>
|
||||||
<span v-if="tnode.data.type === 'exam'" :class="tnode.data.valid? 'el-icon-sold-out':'el-icon-goods'">
|
<span v-if="tnode.data.type === 'exam'" :class="tnode.data.valid? 'el-icon-sold-out':'el-icon-goods'">
|
||||||
<span
|
<span
|
||||||
v-if="tnode.data.type === 'exam'"
|
v-if="tnode.data.type === 'exam'"
|
||||||
:style="{color: tnode.data.valid ? 'green':''}"
|
:style="{color: tnode.data.valid ? 'green':''}"
|
||||||
class="el-icon-edit-outline"
|
class="el-icon-edit-outline"
|
||||||
> {{ tnode.label }}</span>
|
></span>
|
||||||
</span>
|
</span>
|
||||||
|
<span :style="{color: tnode.data.valid ? 'green':''}"> {{ tnode.label }}</span>
|
||||||
</span>
|
</span>
|
||||||
</el-tree>
|
</el-tree>
|
||||||
</el-scrollbar>
|
</el-scrollbar>
|
||||||
|
@ -10,9 +10,10 @@
|
|||||||
@node-contextmenu="showContextMenu" draggable :allow-drop="allowDrop" :allow-drag="allowDrag"
|
@node-contextmenu="showContextMenu" draggable :allow-drop="allowDrop" :allow-drag="allowDrag"
|
||||||
@node-drag-end="handleDragEnd" expand-on-click-node highlight-current @node-click="clickEvent" :span=22>
|
@node-drag-end="handleDragEnd" expand-on-click-node highlight-current @node-click="clickEvent" :span=22>
|
||||||
<span slot-scope="{ node, data }">
|
<span slot-scope="{ node, data }">
|
||||||
<span v-if="node.data.type === 'skin'" class="el-icon-news"> {{ node.label }}</span>
|
<span v-if="node.data.type === 'skin'" class="el-icon-news"></span>
|
||||||
<span v-if="node.data.type === 'lesson'" class="el-icon-tickets"> {{ node.label }}</span>
|
<span v-if="node.data.type === 'lesson'" class="el-icon-tickets"></span>
|
||||||
<span v-if="node.data.type === 'chapter'" class="el-icon-document"> {{ node.label }}</span>
|
<span v-if="node.data.type === 'chapter'" class="el-icon-document"></span>
|
||||||
|
<span> {{ node.label }}</span>
|
||||||
</span>
|
</span>
|
||||||
</el-tree>
|
</el-tree>
|
||||||
</el-scrollbar>
|
</el-scrollbar>
|
||||||
|
@ -33,8 +33,9 @@
|
|||||||
@node-contextmenu="showContextMenu"
|
@node-contextmenu="showContextMenu"
|
||||||
>
|
>
|
||||||
<span slot-scope="{ node }">
|
<span slot-scope="{ node }">
|
||||||
<span v-if="node.data.type == 'skin'" class="el-icon-news"> {{ node.label }}</span>
|
<span v-if="node.data.type == 'skin'" class="el-icon-news"></span>
|
||||||
<span v-if="node.data.type == 'map'" class="el-icon-edit-outline"> {{ node.label }}</span>
|
<span v-if="node.data.type == 'map'" class="el-icon-edit-outline"></span>
|
||||||
|
<span> {{ node.label }}</span>
|
||||||
</span>
|
</span>
|
||||||
</el-tree>
|
</el-tree>
|
||||||
</el-scrollbar>
|
</el-scrollbar>
|
||||||
|
@ -17,10 +17,11 @@
|
|||||||
@node-click="clickEvent"
|
@node-click="clickEvent"
|
||||||
>
|
>
|
||||||
<span slot-scope="{ node }">
|
<span slot-scope="{ node }">
|
||||||
<span v-if="node.data.type == 'skin'" class="el-icon-news"> {{ node.label }}</span>
|
<span v-if="node.data.type == 'skin'" class="el-icon-news"></span>
|
||||||
<span v-if="node.data.type == 'prd'" class="el-icon-tickets"> {{ node.label }}</span>
|
<span v-if="node.data.type == 'prd'" class="el-icon-tickets"></span>
|
||||||
<span v-if="node.data.type == 'trainingType'" class="el-icon-document"> {{ node.label }}</span>
|
<span v-if="node.data.type == 'trainingType'" class="el-icon-document"></span>
|
||||||
<span v-if="node.data.type == 'trainingType'" class="el-icon-edit"> {{ node.label }}</span>
|
<span v-if="node.data.type == 'trainingType'" class="el-icon-edit"></span>
|
||||||
|
<span> {{ node.label }}</span>
|
||||||
</span>
|
</span>
|
||||||
</el-tree>
|
</el-tree>
|
||||||
</el-scrollbar>
|
</el-scrollbar>
|
||||||
|
@ -19,10 +19,12 @@
|
|||||||
<span slot-scope="{ node, data }">
|
<span slot-scope="{ node, data }">
|
||||||
<el-tooltip class="item" effect="dark" :content="node.label" placement="top" :open-delay="1000">
|
<el-tooltip class="item" effect="dark" :content="node.label" placement="top" :open-delay="1000">
|
||||||
<template v-if="data.type=='skin'">
|
<template v-if="data.type=='skin'">
|
||||||
<span class="el-icon-news"> {{ node.label }}</span>
|
<span class="el-icon-news"></span>
|
||||||
|
<span> {{ node.label }}</span>
|
||||||
</template>
|
</template>
|
||||||
<template v-else>
|
<template v-else>
|
||||||
<span class="el-icon-document"> {{ node.label }}</span>
|
<span class="el-icon-document"></span>
|
||||||
|
<span> {{ node.label }}</span>
|
||||||
</template>
|
</template>
|
||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
</span>
|
</span>
|
||||||
|
@ -21,7 +21,8 @@
|
|||||||
<span
|
<span
|
||||||
class="el-icon-tickets"
|
class="el-icon-tickets"
|
||||||
:style="{color: data.valid ? 'green':''}"
|
:style="{color: data.valid ? 'green':''}"
|
||||||
> {{ nd.label }}</span>
|
></span>
|
||||||
|
<span :style="{color: data.valid ? 'green':''}"> {{ nd.label }}</span>
|
||||||
</span>
|
</span>
|
||||||
</el-tree>
|
</el-tree>
|
||||||
</el-scrollbar>
|
</el-scrollbar>
|
||||||
|
@ -22,6 +22,7 @@
|
|||||||
class="el-icon-tickets"
|
class="el-icon-tickets"
|
||||||
:style="{color: data.valid ? 'green':''}"
|
:style="{color: data.valid ? 'green':''}"
|
||||||
> {{ nd.label }}</span>
|
> {{ nd.label }}</span>
|
||||||
|
<span :style="{color: data.valid ? 'green':''}"> {{ nd.label }}</span>
|
||||||
</span>
|
</span>
|
||||||
</el-tree>
|
</el-tree>
|
||||||
</el-scrollbar>
|
</el-scrollbar>
|
||||||
|
@ -26,7 +26,8 @@
|
|||||||
<span
|
<span
|
||||||
class="el-icon-tickets"
|
class="el-icon-tickets"
|
||||||
:style="{color: data.valid ? 'green':''}"
|
:style="{color: data.valid ? 'green':''}"
|
||||||
> {{ tnode.label }}</span>
|
></span>
|
||||||
|
<span :style="{color: data.valid ? 'green':''}"> {{ tnode.label }}</span>
|
||||||
</span>
|
</span>
|
||||||
</el-tree>
|
</el-tree>
|
||||||
</el-scrollbar>
|
</el-scrollbar>
|
||||||
|
@ -31,7 +31,6 @@
|
|||||||
:class="tnode.data.valid? 'el-icon-sold-out':'el-icon-goods'"
|
:class="tnode.data.valid? 'el-icon-sold-out':'el-icon-goods'"
|
||||||
>
|
>
|
||||||
<span class="el-icon-tickets">
|
<span class="el-icon-tickets">
|
||||||
<span :style="{color: tnode.data.valid ? 'green':''}"> {{ tnode.label }}</span>
|
|
||||||
</span>
|
</span>
|
||||||
</span>
|
</span>
|
||||||
<span
|
<span
|
||||||
@ -39,7 +38,6 @@
|
|||||||
:class="tnode.data.valid? 'el-icon-sold-out':'el-icon-goods'"
|
:class="tnode.data.valid? 'el-icon-sold-out':'el-icon-goods'"
|
||||||
>
|
>
|
||||||
<span class="el-icon-document">
|
<span class="el-icon-document">
|
||||||
<span :style="{color: tnode.data.valid ? 'green':''}"> {{ tnode.label }}</span>
|
|
||||||
</span>
|
</span>
|
||||||
</span>
|
</span>
|
||||||
<span
|
<span
|
||||||
@ -47,9 +45,9 @@
|
|||||||
:class="tnode.data.valid? 'el-icon-sold-out':'el-icon-goods'"
|
:class="tnode.data.valid? 'el-icon-sold-out':'el-icon-goods'"
|
||||||
>
|
>
|
||||||
<span class="el-icon-mobile-phone">
|
<span class="el-icon-mobile-phone">
|
||||||
<span :style="{color: tnode.data.valid ? 'green':''}"> {{ tnode.label }}</span>
|
|
||||||
</span>
|
</span>
|
||||||
</span>
|
</span>
|
||||||
|
<span :style="{color: tnode.data.valid ? 'green':''}"> {{ tnode.label }}</span>
|
||||||
</span>
|
</span>
|
||||||
</el-tree>
|
</el-tree>
|
||||||
</el-scrollbar>
|
</el-scrollbar>
|
||||||
|
Loading…
Reference in New Issue
Block a user