element ui樹樣式問題

2022-06-27 06:54:09 字數 579 閱讀 1923

場景1:溢位的時候出現滾動條,橫向和縱向(perfect-scrobar滾動條舉例)

解決辦法:

css新增

.el-tree>.el-tree-node
在容器的外面新增v-scroobar屬性

html

但是最好在元件的內部加,全域性加可能會影響其他現實,例如出現的場景二

場景二:當左右橫向溢位後,hover節點的時候會出現長短不一致的現象

解決辦法:

css新增:

.box-content-content

/deep/ .el-tree__empty-block

}

el-tree上面新增樣式display:inline-block 

但是加上之後看則沒有問題,但是單tree裡面沒有資料的時候,就會發現「暫無資料」會顯示有問題,就是因為場景一加上的樣式給影響了,解決辦法就是上面將.el-tree__empty-block覆蓋,最後完美實現

修改elementUI元件樣式無效的問題研究

問題背景 el tabs的選項卡預設字型是14px,大了,想改成12px,結果在style裡面加樣式總是不生效。panel content el tabs item.is top 原理分析 在vue元件中我們經常需要給style新增scoped來使得當前樣式只作用於當前元件的節點。新增scoped之...

element ui樣式不顯示

完整引入 在 main.js 中寫入以下內容 vue.use elementui 一定不能忘記這一步,如果沒有這一步,element ui引入成功後樣式會顯示不出來。按需引入 借助 babel plugin component,我們可以只引入需要的元件,以達到減小專案體積的目的。首先,安裝 babe...

小白記錄 修改element ui樣式

element ui常見樣式 1 el form非空校驗的 號由左側移動到右側 cust form el form item.is required not is no asterisk el form item label wrap el form item label after,el form...