问题描述:
在使用element-ui的el-tab-pane做标签页时,label属性的位置与样式不能通过style样式直接解决
百度后几乎没有正确的解决办法,查找官方文档,自己换了一个思路解决了
使用插槽solt
<el-tabs>
<el-tab-pane name="first" stretch="true">
<span slot="label">
<i class="el-icon-s-grid" style="margin:0 80px 0 80px">
<span style="padding-left: 8px">总览</span>
</i>
</span>
</el-tab-pane>
</el-tabs>
-
我使用空标签和solt绑定label属性
-
然后再在空标签内嵌套常用标签
-
有了常用标签,加入样式即可
***Notice
我不是玩前端的,可能解决思路过于笨,但对于一些时候,解决问题就好啦
有功夫的也可以找到对应属性的样式区域应该也可以改,或者重写样式,但俺能力有限,暂时这样解决吧