JSTree Proton主題更改圖標到文件夾打開和關閉

Question

我只有一個演示應用程序，其中使用了帶質子主題的JSTree。

當節點打開到文件夾打開並且節點關閉到文件夾關閉時，我想更改圖標。

相同如下。 Proton CMS ADMIN PANEL

檢查其中的文檔節點，它將圖標更改爲文件夾打開和關閉。

現在，當我試圖更改圖標時，我發現它使用的是CSS Sprites，當我檢查style.css時，發現它也使用base64 url​​加載一些圖像。

這裏是它採用了精靈。

如何在節點中使用該目錄打開和關閉圖標？

什麼是該圖標使用的名稱或css類？

當我們有sprite如何找到圖標名稱並加載它？

除此之外，我也想使用填充的方形葉節點圖標。

我能夠使用下面的精靈代碼呈現該圖像。

.jstree-folder-open { 
background: url('32px.png') no-repeat -531px -23px !important; 
} 

但仍無法顯示正確的尺寸和正確的方式圖標。有什麼特別的方法嗎？

Answer 1

最後，我能夠通過改變CSS中的背景位置來渲染圖像。

這裏是我找到了從sprite渲染圖像的CSS代碼的工具。

Sprite Cow

打開圖像，並選擇部分。

之後，我剛創建了獨立的類，並使用後臺位置的CSS。

.jstree-folder-open { 
background-image: url('32px.png') !important; 
background-position: -105px -70px !important; 
} 

.jstree-folder-closed { 
background-image: url('32px.png') !important; 
background-position: -261px -7px !important; 
} 

li.jstree-leaf > a > i.jstree-icon { 
background-image: url('32px.png') !important; 
background-position: -200px -7px !important; 
}