場景1:溢位的時候出現滾動條,橫向和縱向(perfect-scrobar滾動條舉例)
解決辦法:
css新增
.el-tree>.el-tree-node在容器的外面新增v-scroobar屬性
html
但是最好在元件的內部加,全域性加可能會影響其他現實,例如出現的場景二
場景二:當左右橫向溢位後,hover節點的時候會出現長短不一致的現象
解決辦法:
css新增:
.box-content-contentel-tree上面新增樣式display:inline-block/deep/ .el-tree__empty-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...