emelent-ui中tree为节点添加图片，并与节点显示的字居中对齐

<el-tree
	ref="tree"
	:props="treeProps"
	:data="treeItems"
	node-key="key">
	<span class="custom-tree-node"  slot-scope="{ node, data }">
		<!-- img 和 font 的style都要设置vertical-align: -webkit-baseline-middle;才会一起对齐 -->
		<span>
			<img :src="data.icon" alt="" class="treeImg"></i>
			<font style="vertical-align: -webkit-baseline-middle;">{{ data.name }}</font>
		</span>              
	</span>
</el-tree>

.custom-tree-node {
	height: 100%;
	vertical-align: middle;
	font-size: 14px;
}

.treeImg{
	width: auto;
	height: 70%;
	vertical-align: -webkit-baseline-middle;
}