08.03 如何全面更换主题 —— 关于 样式控制

原创
2022/05/09 09:11
阅读数 999

简介

由于本人艺术能力不够,也做不出多好看的成套图标(其实一个都做不出来),即使满世界找也很耗费时间还未必好看,所以 zTree 3.x 系列就没有提供多套皮肤,请见谅。

不少朋友都希望能制作自定义的主题,本篇文章将主要介绍一下应该制作主题的思路和方法。

Demo 中有一些 zTree 的使用者把自己制作的主题共享了出来,可以参考:

主要思路:

  1. 参考 8.01 zTreeStyle.css 说明 逐一修改:

    • +/- 开关、checkbox、radio、节点图标 的样式
    • 节点名称 对应的样式
    • 节点高亮 对应的样式
    • 编辑节点时 高亮的样式
    • 拖拽节点时 临时箭头的样式 以上只是简单罗列了一下,具体制作时务必要根据实现效果具体调整
  2. 配合 css 修改制作对应的 字体矢量文件 或 image 文件

总结:

  • zTree 整体的样式主题修改,完全不需要修改 js 代码
  • 需要制作者具有良好的 html & css 功底,能处理各种兼容问题,善于检查并纠正 样式错误
展开阅读全文
加载中

作者的其它热门文章

打赏
0
0 收藏
分享
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部