Layui点击右上角“×”修改样式

最新推荐文章于 2024-06-24 23:23:11 发布

痞帅爷们儿

最新推荐文章于 2024-06-24 23:23:11 发布

阅读量2.3k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签： layui

本文链接：https://blog.youkuaiyun.com/qq_34576513/article/details/103070832

前端专栏收录该内容

2 篇文章

订阅专栏

本文展示了一个使用layui框架中的弹窗组件layer的具体应用案例，详细介绍了如何通过配置参数实现自定义的弹窗效果，包括标题、皮肤样式、遮罩关闭、区域大小等属性设置，以及弹窗关闭时的回调函数处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

layer.open({
    type: 1,
    title: '修改入库单',
    skin: 'layui-layer-molv',
    shadeClose: false,
    shade: 0.5,
    area: ['85%', '75%'],
    //anim: 1,
    content: $("#Edit_Add_ArticleStorage_Dialog"),
    end: function () {
        //“×”关闭弹窗时触发
        $("#Edit_Add_ArticleStorage_Dialog").hide();
        $("#lbl_tip").hide();
        $("#AppendStock_Type").removeAttr("disabled");
        form.render();
        $("#btn_Stock").removeAttr("disabled");
        $("#btn_Stock").removeClass("layui-btn layui-btn-sm layui-btn-disabled");
        $("#btn_Stock").addClass("layui-btn layui-btn-sm");
    }
});

//弹出的div

Edit_Add_ArticleStorage_Dialog