html更改皮肤,layer更改皮肤的实现方法

layUI的弹出层模块layer在使用时有一个skin属性

skin不仅允许你传入layer内置的样式class名，还可以传入您自定义的class名。

如果要改变弹出层的title样式或者背景之类的就可以使用该属性。

使用方法如下：

在layer.open中使用skin:

layer.open({

type: 1,

title: '变化详情',

shadeClose: true,

shade: 0.8,

skin: 'layer_bg', //layer_bg是自定义的css样式

area: ['1000px', '600px'],

content: html, //html是之前写好的弹出层html代码的字符串

});

在css中完成skin中用到的css样式：

body .layer_bg .layui-layer-content{

background-color: #eaf3fd;

}

上面的css样式中格式是固定的：

'body'+空格+自定义的class名+需要修改的弹出层部分的class

弹出层的代码如下：

这里是title

这里是弹出框主题内容

根据上面的代码，如果要修改title部分的样式，就设置：'body'+空格+自定义的class名+'layui-layer-title'的css样式，如果要设置主体窗口的样式就设置：'body'+空格+自定义的class名+'layui-layer-content'。

以上这篇layer更改皮肤的实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

本条技术文章来源于互联网，如果无意侵犯您的权益请点击此处反馈版权投诉

本文系统来源：php中文网

html更改皮肤,layer更改皮肤的实现方法相关推荐

php layer弹出层更改背景,layer更改皮肤的实现方法
layUI的弹出层模块layer在使用时有一个skin属性 skin不仅允许你传入layer内置的样式class名,还可以传入您自定义的class名. 如果要改变弹出层的title样式或者背景之类的就 ...
计算机电脑怎么改皮肤,终极：如何更改计算机鼠标的皮肤
如何更改计算机鼠标的皮肤图3 3. 点击左侧菜单栏中的"鼠标",进入鼠标设置页面如何更改计算机鼠标的皮肤图4 4. 在鼠标设置页面中找到"其他鼠标选项"的蓝线 ...
服务器怎么导入皮肤文件,Malody皮肤导入的详细技巧
Malody皮肤导入怎么做?Malody皮肤导入有什么用?Malody是一款由喜欢音乐节奏游戏的资深玩家制作的音乐游戏模拟器.在Malody我们可以自由体验各种音乐游戏,为了让软件更加的好看,那么我们 ...
动物之森服务器维护时间,动物之森怎么更改时间动物森友会改时间方法及注意事项...
动物之森怎么更改时间?在动物之森中有些任务需要等待很长时间才能成功触发,为了节省时间很多玩家都会用穿越的方法投机取巧,也就是更改NS主机的时间.下面就是动物森友会改时间方法及注意事项了,大家一起来看看 ...
win7更改适配器设置没有本地连接解决方法
最近有很多朋友反映遇到了需要更改适配器设置时,发现我们的适配器设置中没有本地连接,这有可能是因为我们的网卡没有插好,也可能是网卡驱动出现了问题,可以使用下面的方法进行排查和解决.下面小编介绍win7更 ...
更改lnmp安装后的MySQL密码方法
更改lnmp安装后的MySQL密码方法 2011-07-23 17:54 执行如下命令: wget http://soft.vpser.net/lnmp/ext/reset-mysql-root-pa ...
在Linux系统下更改或更新SSH密钥密码的方法
本文介绍如何在Linux系统下更新或更改SSH密钥密码,也适用在Unix系统中.SSH密钥通常用于向某些信息系统的用户进行身份验证,SSH密钥本身是私钥,使用从密码短语导出的对称加密密钥进一步加密私钥 ...
计算机win10开机音乐,Windows10系统更改开关机声音的两种方法
Win10正式版电脑在开机或关机时都伴随着系统自带的声音.而不少用户为了让自己的windows10系统电脑变得更加个性化一些,因此都想要自己手动更改开关机音乐.这该如何操作呢?下面,小编就向大家介绍两 ...
oracle中更改用户名,Oracle 更改用户名
直接更改系统user$表中的用户名. 查询要更改的用户名 SQL> select user#,name,password from user$ where name ='TICKETS'; US ...

html更改皮肤,layer更改皮肤的实现方法

html更改皮肤,layer更改皮肤的实现方法相关推荐

最新文章

热门文章