ztree自定义样式

在ZTree中，自定义样式允许你根据项目需求调整节点的外观。以下是基本的自定义步骤：

1. **选择节点元素**：zTree使用的是jQuery UI的UI widget，因此你需要操作`.ztree li`元素来改变其样式。例如，`li`表示节点，`span`表示节点图标，`a`标签用于点击。

2. **定义CSS类**：首先在你的CSS文件中定义新的类名，如`.customNode`、`.customIcon`等，然后设置相应的样式属性，如颜色、字体、边距等。例如：

   .customNode {
       background-color: #f0f0f0;
       color: #333;
   }

   .customIcon {
       background-image: url('your_custom_icon.png');
   }

3. **应用样式**：在ZTree的初始化配置中，你可以指定哪些节点应用这些自定义样式。这通常是在`setting.customSkinParam`中完成的，它是一个对象，可以包含`beforeOpen`, `open`, `beforeClose`, 等状态对应的类名。示例：

   var setting = {
       customSkinParam: {
           beforeOpen: 'customBeforeOpen',
           open: 'customOpen',
           ... // 其他状态下的类名
       },
       ...
   };

然后在每个节点的状态变化时，根据配置自动切换相应的类名。