【新特性速遞】智能樹控件支持顯示文本了！

下個版本（v6.0.0），智能樹控件啟用微型模式時可以顯示文本了。

通過下面兩幅圖片直觀的對比顯示效果的差別。

不顯示文本：

 

顯示文本：

 

 

可以看到顯示文本時需要占據更多的空間，但是對用戶更加友好，可以直觀的判斷每個圖標的含義。

默認官網示例還是不顯示文本，如果想啟用文本顯示，只需轉到index.css文件，添加如下CSS規則即可：

.f-tree-minimode-list .f-tree-minimode-icon {
    font-size: 24px;
    min-width: 24px;
    line-height: 24px !important;
}
.f-tree-minimode-list .f-tree-minimode-icon.f-tree-custom-icon {
    height: 24px !important;
}
.f-tree-minimode-list .f-tree-minimode-text {
    display: block;
    font-size: 10px;
    margin-top: 5px;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

其中：!important 規則是為了在不同顯示模式下有相同的視覺效果。當然你也可以自行添加不同顯示模式（DisplayMode）下的CSS規則，使得圖標在不同顯示模式下的大小不一樣。

 

不忘初心，砥礪前行！