前端哥

原生js手动实现一个多级树状菜单效果(高度可过渡变化) 模拟el-menu组件实现(简单版)

2024-06-16效果图代码要点需要注意这个dom结构,过渡动画一定要有开始和结束值才能产生动画,并且在js里面修改的时候,不能连着修改,要把第二次修改放到setTimeout里面为了让菜单能够不是一次性过渡(让它可以一直产生过渡动画),需要在动画结束后,清理掉设置的高度,这个设置的高度只需要在动画的时候生效。<style lang="scss" scoped>@import url(//at.alicdn.com/t/c/font_4065865_kb7oyb2wje9.css);ul,_手动模拟el-menu的实现

https://www.qianduange.cn//article/12336.html 分类:前端知识

1条数据,当前1/1

最近搜索

会员中心 联系我 留言建议 回顶部