layer弹出层扩展自定义样式

layer是一款近年来备受青睐的web弹层组件,她具备全方位的解决方案,致力于服务各水平段的开发人员,您的页面会轻松地拥有丰富友好的操作体验。

官网 http://layer.layui.com/

layer 扩展皮肤:  http://layer.layui.com/skin.html




    
    layer弹出层扩展自定义样式
    
    


	










    
    layer弹出层扩展自定义样式
    
    


	







layerStyleExtend.css

/**
 * layer弹层风格扩展,放在文件最前面
 */
body .layer-ext-fo .layui-layer-title{
    background-color: tomato;
    color: #fff;
}
body .layer-ext-fo .layui-layer-btn a{
    border-color: brown;
    background-color: tomato;
    color: #fff;
}

 

base.js

/**
 * layer弹层风格扩展,放在文件最前面
 */
parent.layer.config({
	    extend: 'fo/style.css', //extend加载新的样式
	    skin: 'layer-ext-fo' //设定样式,所有弹层风格都采用此主题。
  	 });
//基础公用代码
//创建模块
//var app=angular.module("myApp", []);

 

layer弹出层扩展自定义样式_第1张图片

 

 

 

你可能感兴趣的:(【LayUi】)