代码拉取完成,页面将自动刷新
layuiAdmin 纯静态 UI 主题
v1.9.0
左侧菜单这个伸缩展开太快,如果希望增加动效,比如 伸缩和展开 速度慢有一点。
这个需要怎么改?
这个因为内部 nav 组件有强制进行显示隐藏操作,所以要在外部加过渡动画会比较困难, 但也有粗糙的方法实现动效 ,将以下代码放置在你的 js 文件中即可:
var $ = layui.$;
$('.layui-nav-tree a').on('click', function(e){
var othis = $(this);
var parent = othis.parent();
var child = othis.siblings('.layui-nav-child');
var ITEMED = 'layui-nav-itemed';
if(parent.hasClass(ITEMED)){
parent.removeClass(ITEMED);
child.slideDown();
parent.addClass(ITEMED);
} else {
parent.addClass(ITEMED);
child.slideUp();
parent.removeClass(ITEMED);
}
});
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。
登录 后才可以发表评论