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>
关注“qietuwang”微信公众号,获取一手干货内容推送
本文由切图网原创,转载请保留版权:
微信扫一扫二维码访问