Material Design Hierarchical Display 项目教程

Material Design Hierarchical Display 项目教程

material-design-hierarchical-displayThe jQuery plugin for Material Design hierarchical display animation effect项目地址:https://gitcode.com/gh_mirrors/ma/material-design-hierarchical-display

1. 项目的目录结构及介绍

material-design-hierarchical-display/
├── css/
│   ├── component.less
│   ├── demo.css
│   ├── material-design-hierarchical-display.css
│   ├── material-design-hierarchical-display.min.css
│   └── variables.less
├── js/
│   ├── jquery.zmd.hierarchical-display.js
│   ├── jquery.zmd.hierarchical-display.min.js
│   └── vendor/
│       └── jquery.js
├── less/
│   ├── component.less
│   ├── demo.less
│   ├── material-design-hierarchical-display.less
│   ├── mixins.less
│   ├── variables.less
│   └── vendor/
│       └── animate.less
├── demo/
│   ├── index.html
│   └── ...
├── index.html
├── LICENSE
└── README.md

• css/: 包含项目的CSS文件，包括编译后的和压缩后的CSS文件。
• js/: 包含项目的JavaScript文件，包括主要的插件文件和依赖的jQuery文件。
• less/: 包含项目的LESS文件，用于自定义样式和变量。
• demo/: 包含演示项目的HTML文件和其他资源。
• index.html: 项目的主页。
• LICENSE: 项目的许可证文件。
• README.md: 项目的说明文档。

2. 项目的启动文件介绍

项目的启动文件主要是 index.html 和 jquery.zmd.hierarchical-display.min.js。

• index.html: 这是项目的主页，包含了插件的基本使用示例和演示。
• jquery.zmd.hierarchical-display.min.js: 这是插件的主要JavaScript文件，包含了插件的核心功能。

3. 项目的配置文件介绍

项目的配置文件主要是 component.less 和 variables.less。

• component.less: 这个文件包含了插件的主要样式类，如 zmd-hierarchical-display 和 zmd-hierarchical-display-in。
• variables.less: 这个文件包含了项目的变量定义，如颜色、字体大小等，可以在这里进行自定义配置。

通过这些配置文件，用户可以根据自己的需求调整插件的样式和行为。

material-design-hierarchical-displayThe jQuery plugin for Material Design hierarchical display animation effect项目地址:https://gitcode.com/gh_mirrors/ma/material-design-hierarchical-display