el-tab-pane label的文字内容怎样设间距

el-tab-pane label的文字内容怎样设间距

问题描述：

在使用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

我不是玩前端的，可能解决思路过于笨，但对于一些时候，解决问题就好啦

有功夫的也可以找到对应属性的样式区域应该也可以改，或者重写样式，但俺能力有限，暂时这样解决吧

希望能帮助到大家