自定义layer.js的skin，给出流程

自定义 Layer.js 的 skin 需要经过以下步骤：

1. 创建一个新的皮肤文件夹，例如 "my-skin"。
2. 在皮肤文件夹中创建一个名为 "skin.css" 的 CSS 文件，并且编写自定义的样式。
3. 在皮肤文件夹中创建一个名为 "skin.js" 的 JavaScript 文件，并且编写 JavaScript 代码来定义皮肤。
4. 在页面中引入自定义的皮肤文件夹，并且在初始化 Layer.js 时指定皮肤名称。

以下是详细的步骤和示例代码：

1. 创建一个新的皮肤文件夹

在项目的根目录下创建一个名为 "my-skin" 的文件夹，并且在其中创建一个名为 "skin.css" 的 CSS 文件和一个名为 "skin.js" 的 JavaScript 文件。

2. 编写自定义的样式

在 "skin.css" 文件中编写自定义的样式。例如：

/* 将标题栏和内容区域的边框颜色改为红色 */
.lj-layer .lj-layer-header,
.lj-layer .lj-layer-content {
   border-color: red;
}

/* 将标题栏和关闭按钮的背景颜色改为蓝色 */
.lj-layer .lj-layer-header,
.lj-layer .lj-layer-close {
   background-color: blue;
}

/* 将标题栏和关闭按钮的字体颜色改为白色 */
.lj-layer .lj-layer-header,
.lj-layer .lj-layer-close {
   color: white;
}

3. 定义皮肤

在 "skin.js" 文件中定义皮肤。以下是一个简单的示例：

// 定义皮肤
layerjs.defineSkin("my-skin", {
    // 修改默认配置
    layer: {
        // 将标题栏高度设置为 50 像素
        headerHeight: 50,
        // 将内容区域的边距设置为 20 像素
        contentMargin: 20
    },
    // 修改样式
    style: {
        // 将标题栏和内容区域的边框颜色改为红色
        ".lj-layer .lj-layer-header, .lj-layer .lj-layer-content": {
            borderColor: "red"
        },
        // 将标题栏和关闭按钮的背景颜色改为蓝色
        ".lj-layer .lj-layer-header, .lj-layer .lj-layer-close": {
            backgroundColor: "blue"
        },
        // 将标题栏和关闭按钮的字体颜色改为白色
        ".lj-layer .lj-layer-header, .lj-layer .lj-layer-close": {
            color: "white"
        }
    }
});

4. 引入自定义的皮肤文件夹

在页面中引入自定义的皮肤文件夹，并且在初始化 Layer.js 时指定皮肤名称。例如：

<!-- 引入自定义的皮肤文件夹 -->
<link rel="stylesheet" href="my-skin/skin.css">

<!-- 初始化 Layer.js，并且指定皮肤名称 -->
<script>
layerjs.init({
    skin: "my-skin"
});
</script>

注意：以上代码只是一个简单的示例，可能需要根据实际情况进行适当的调整和优化。