调整icon导致x替换问题

This commit is contained in:
fan 2019-09-26 15:43:19 +08:00
parent 8d11f5858d
commit 2ce7cde8cb
10 changed files with 29 additions and 21 deletions

View File

@ -21,7 +21,8 @@
<span <span
class="el-icon-tickets" class="el-icon-tickets"
:style="{color: data.valid ? 'green':''}" :style="{color: data.valid ? 'green':''}"
>&nbsp;{{ tnode.label }}</span> ></span>
<span :style="{color: data.valid ? 'green':''}">&nbsp;{{ tnode.label }}</span>
</span> </span>
</el-tree> </el-tree>
</el-scrollbar> </el-scrollbar>

View File

@ -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"
>&nbsp;{{ 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"
>&nbsp;{{ tnode.label }}</span> ></span>
</span> </span>
<span :style="{color: tnode.data.valid ? 'green':''}">&nbsp;{{ tnode.label }}</span>
</span> </span>
</el-tree> </el-tree>
</el-scrollbar> </el-scrollbar>

View File

@ -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">&nbsp;{{ 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">&nbsp;{{ 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">&nbsp;{{ node.label }}</span> <span v-if="node.data.type === 'chapter'" class="el-icon-document"></span>
<span>&nbsp;{{ node.label }}</span>
</span> </span>
</el-tree> </el-tree>
</el-scrollbar> </el-scrollbar>

View File

@ -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">&nbsp;{{ 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">&nbsp;{{ node.label }}</span> <span v-if="node.data.type == 'map'" class="el-icon-edit-outline"></span>
<span>&nbsp;{{ node.label }}</span>
</span> </span>
</el-tree> </el-tree>
</el-scrollbar> </el-scrollbar>

View File

@ -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">&nbsp;{{ 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">&nbsp;{{ 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">&nbsp;{{ 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">&nbsp;{{ node.label }}</span> <span v-if="node.data.type == 'trainingType'" class="el-icon-edit"></span>
<span>&nbsp;{{ node.label }}</span>
</span> </span>
</el-tree> </el-tree>
</el-scrollbar> </el-scrollbar>

View File

@ -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">&nbsp;{{ node.label }}</span> <span class="el-icon-news"></span>
<span>&nbsp;{{ node.label }}</span>
</template> </template>
<template v-else> <template v-else>
<span class="el-icon-document">&nbsp;{{ node.label }}</span> <span class="el-icon-document"></span>
<span>&nbsp;{{ node.label }}</span>
</template> </template>
</el-tooltip> </el-tooltip>
</span> </span>

View File

@ -21,7 +21,8 @@
<span <span
class="el-icon-tickets" class="el-icon-tickets"
:style="{color: data.valid ? 'green':''}" :style="{color: data.valid ? 'green':''}"
>&nbsp;{{ nd.label }}</span> ></span>
<span :style="{color: data.valid ? 'green':''}">&nbsp;{{ nd.label }}</span>
</span> </span>
</el-tree> </el-tree>
</el-scrollbar> </el-scrollbar>

View File

@ -22,6 +22,7 @@
class="el-icon-tickets" class="el-icon-tickets"
:style="{color: data.valid ? 'green':''}" :style="{color: data.valid ? 'green':''}"
>&nbsp;{{ nd.label }}</span> >&nbsp;{{ nd.label }}</span>
<span :style="{color: data.valid ? 'green':''}">&nbsp;{{ nd.label }}</span>
</span> </span>
</el-tree> </el-tree>
</el-scrollbar> </el-scrollbar>

View File

@ -26,7 +26,8 @@
<span <span
class="el-icon-tickets" class="el-icon-tickets"
:style="{color: data.valid ? 'green':''}" :style="{color: data.valid ? 'green':''}"
>&nbsp;{{ tnode.label }}</span> ></span>
<span :style="{color: data.valid ? 'green':''}">&nbsp;{{ tnode.label }}</span>
</span> </span>
</el-tree> </el-tree>
</el-scrollbar> </el-scrollbar>

View File

@ -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':''}">&nbsp;{{ 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':''}">&nbsp;{{ 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':''}">&nbsp;{{ tnode.label }}</span>
</span> </span>
</span> </span>
<span :style="{color: tnode.data.valid ? 'green':''}">&nbsp;{{ tnode.label }}</span>
</span> </span>
</el-tree> </el-tree>
</el-scrollbar> </el-scrollbar>