最新滑动收缩侧边栏实现思路

自动隐藏，鼠标划入自动显示，隐藏后留下LOGO和图标
做这个效果花了很久，肯定有人会问，这得用好多CSS吧，其实不瞒大家说，一句CSS也没用。。。

但是JS确实是要用一点的，睡觉活字格竟然不支持鼠标划入事件~~小小吐槽下

其实效果大家只要通过活字格自带的CSS编辑器，细心的调整，也可以达到，例如鼠标放上去的这个酷酷的选中效果。。。



效果配置：



还有一些隐藏细节可能很少人注意，就是菜单自动隐藏之前，会收起已经打开的二级、三级菜单。
等再次显示时，又会重新自动打开下级菜单，这样就不会出现收起状态有很多空行了。
这里就需要一些JS实现了。

另外美中不足的就是没有过渡动画效果，问问官方大佬们，怎么给Grid的Column 改变加上过渡的CSS? 我测试过没用....

求工程文件

60金币已准备，快放链接出来让我买。

前辈，求工程文件哟。

你是美术老师

楼主，DEMO有吗？感谢。

alexyui 发表于 2021-10-8 09:16
grid的布局就是个巨坑，选择器不知道怎么弄

选择器有规律的，，静下心，我当时也花了一天的功夫

gczxxu 发表于 2021-9-14 12:39
楼主都用到JS了，动画过渡也应该可以解决了。。

grid的布局就是个巨坑，选择器不知道怎么弄

muto 发表于 2021-9-27 19:13
大佬牛皮，能分享工程文件吗

还没单独做工程了,这是客户工程上截的图，有时间看再单独做一个

大佬牛皮，能分享工程文件吗