2022年1月13日

layadmin后台框架侧边栏弹出效果代码


layadmin是一个不错的后台的跨屏前端框架,提供了丰富的前端组件,表单的美化,以及数据处理逻辑,并且电脑手机自适应,所以运用很广,以下来自项目切图中遇到的问题,需要在侧边栏弹出一个表单或者内容, 但是对于侧边栏弹出官网并没有做过多的介绍,但是在后台中确出现了这样的效果,于是查看layadmin框架源码找到了关键代码。

加以加工得以满足需要,代码干净清爽,代码如下:


$('.sbrs').click(function(){
admin.popupRight({
id: 'LAY_adminPopupAbout'
,success: function(){
//view(this.id).render('system/about');
$('#'+ this.id).html($('#alert3').html());
form.render();
//$('#'+ this.id).html('<div style="padding: 20px;">放入内容</div>');
//admin.view(this.id).render('system/xxx',{这里是传给模板的参数,在模板使用d.params.XXX获取})
}
});
return false;
})

模板首次采用了script标签封装,效果不错


<script type="text/html" id="alert3">
<div class="layui-card">
<div class="layui-card-body">
<form class="layui-form" action="" lay-filter="component-form-element">
<div class="layui-form-item ">

<div class="layui-mid ">
申报人1[主]:李然,13520202249
</div>
</div>
<div class="layui-form-item ">

<div class="layui-mid ">
申报人2:李然,13520202249
</div>
</div>
<div class="layui-form-item ">

<div class="layui-mid ">
申报人3:李然,13520202249
</div>
</div>
</form>
</div>
</script>

标签:,

微信扫一扫二维码访问


16年前端经验
加微信好友直接沟通
了解《我的十年》