layer 弹出框与自定义样式

1 导入layer.js

2 导入自定义的layer.css

@charset "utf-8";
body .p_window {
        border: none;
        font-size: 12px;
        font-family: "Microsoft Yahei", sans-serif;
    }
    .layui-layer-setwin .layui-layer-close2{
        display: none !important;
    }
body .p_window .layui-layer-title{
    color:#fff !important;
    background-color: rgb(0,130,255)  !important;
    font-size: 14px;
    border-bottom:0;
    height: 35px;
    line-height: 35px;
}

3 引入全局样式

//全局样式
layer.config({
    skin: 'p_window'//自定义样式demo-class
})

4 普通弹出框

layer.open({
type: 1,
title: ' ',
area: ['400px', '130px'],

//area: ['400px'] 高度自适应

shadeClose: false, //点击遮罩关闭 content: `<div > </div>` });