Layui自定义css样式

Layui自定义css样式

一般原始的样式并不满足开发需求，那么如何自定义layui 样式呢？

    <style>
        body {
            background-color: #009688;
            color: #fff;
        }

        body .demo-class .layui-tab-title, .layui-tab-title {
            background-color: #009688;
            color: #fff;
            border-bottom: 2px solid #108e82;
        }

        body .demo-class .layui-tab-title, .layui-tab-title .layui-this:after {
            border-bottom-color: #fff;
            color: #fff;
        }
    </style>
    <script>
    layui.use(['layer'], function () {
        var  layer = layui.layer; 
        layer.config({
            skin: 'demo-class'
        });
        }）
 </script>