layui 打开弹出层追加自定义class设置样式

最新推荐文章于 2023-11-09 14:27:31 发布

onlylele

最新推荐文章于 2023-11-09 14:27:31 发布

阅读量7.6k

点赞数 1

分类专栏： layui

本文链接：https://blog.csdn.net/onlylele/article/details/100766981

版权

通过js判断处理，在layui弹出层打开时追加自定义class，实现弹框内布局和样式的个性化修改。

摘要由CSDN通过智能技术生成

js:判断处理打开弹框操作

if(layEvent === 'topay'){ //去付款
                getpayAccount();//加载支付账户内容；
                $("#purchase_total").text(data.total_fee);//应付总额
                $("#purchase_paied").text(data.paid_price); //已付金额
                if (data.unpaid_price) {
                    $("#purchase_unpay_price").text(data.unpaid_price);
                } else {
                    $("#purchase_unpay_price").text(0);
                }
                $("input[name=pay_price]").val(data.unpaid_price);
                layer.open({
                    type: 1
                    ,title: '新增付款记录'
                    ,area: ['55%','90%']
                   // ,offset: 'rb'  //打开位置
                    ,shade: 0.5//背景透明度
                    ,anim: 2//打开动画
                    ,isInAnim:true
                    ,isOutAnim:true
                    ,maxmin: true
                    ,content: $("#payMoney")
                    ,skin: 'layui-layer-rim mypay' //加上边框，mypay自定义class
                    ,btn: ['确定','取消']
                    ,yes:function (index) {
                      var pay_price= $("input[name=pay_price]").val();
                      var ptype=$(&