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

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

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

希望能帮助到大家

猜你喜欢

转载自www.cnblogs.com/CodeZ7/p/12750289.html