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

我不是玩前端的,可能解決思路過於笨,但對於一些時候,解決問題就好啦

有功夫的也可以找到對應屬性的樣式區域應該也可以改,或者重寫樣式,但俺能力有限,暫時這樣解決吧

希望能幫助到大家


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM