# css-multi-layer-menu

**Repository Path**: ivuex/css-multi-layer-menu

## Basic Information

- **Project Name**: css-multi-layer-menu
- **Description**: 纯html+css写的多级菜单, 类似京东商城搜索框下的的多级目录. 以html+css的方式,可以用input的value来储存选中值,可以代表一些时候要用的id,index;可以用来降低JS代码的臃肿程度,我写这个是用来作为高级搜索页面的表单, radio元素代表大分类, checkbox代表小分类, 后边label里的行内字段是展示给用户的小分类例子, 当前需求不需要展开; 可以模仿ivue,react等框架的改动选中项引起依赖相关值变化后后的自动渲染;
- **Primary Language**: CSS
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2018-05-17
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# css-multi-layer-menu
## Inspiration From:
+ 京东商城搜索框下的的多级目录
+ 以html+css的方式,可以用input的value来储存选中值,可以代表一些时候要用的id,index;
## 注意事项:
+ 当前css样式下只能在label标签中嵌套行内原生的inline或inline-block的元素,
    - 如需嵌入inline-block和block元素需要解决.lolita-l-wrap内的.lolita-mask-show不正常累加向下偏移的css问题,
    - 然而我当前的需求不需要解决这个问题所以就不折腾了;
## Some word:
+ 可以降低JS代码的臃肿程度,
 - 我写这个是用来作为高级搜索页面的表单,
 - radio元素代表大分类,
 - checkbox代表小分类,
 - 后边label里的行内字段是展示给用户的小分类例子,
 - 当前需求不需要展开;
+ 可以模仿ivue,react等框架的改动选中项引起依赖相关值变化后后的自动渲染;
## FAQ:
+ 行数太多,怎么优化?
 - 用JS循环渲染;
+ 用了JS还叫css-*吗? 
 - 代码名字而已;
+ 为什么写这个? 
 - 因为艺术和真纯;