php layer弹出层更改背景,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部分的样式,就设置:'body'+空格+自定义的class名+'layui-layer-title'的css样式,如果要设置主体窗口的样式就设置:'body'+空格+自定义的class名+'layui-layer-content'。
以上这篇layer更改皮肤的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
php layer弹出层更改背景,layer更改皮肤的实现方法相关推荐
- layer 弹出层读取html,Layer弹出层动态获取数据的方法
前一阵子做了一个简单的小项目,用到了layer弹出层(弹出层的用法就不多加赘述了,官网上都有详细的介绍,这里附上网址),当时前后台合页面的时候就出现了一个问题,弹出层总是获取不到数据,不过后面还是和同 ...
- html5相对父元素定位,layer弹出层设置相对父级元素定位
layer弹出层默认是相对body固定定位的,可是项目中一般需要相对某个盒子相对定位,下面是个加载弹层例子: var loadIndex = layer.open({ type: 3, //3 表示加 ...
- php layer弹出层更改背景,layui.layer 弹出层背景透明,前景无阴影实现方案
先上具体实现方法. 首先,在 css 里给 layer 弹出层写个自定义 skin (这点不明白的同学请出门左转 layui 官网文档):.myskin{ background-colo ...
- php layer弹出层更改背景,详解Layer弹出层样式
前言:学习layer弹出框,之前项目是用bootstrap模态框,后来改用layer弹出框,在文章的后面,我会分享项目的一些代码(我自己写的). layer至今仍作为layui的代表作,她的受众广泛并 ...
- php layer弹出层更改背景,浅谈layer弹出层按钮颜色修改方法
layer弹出层有多种格式的弹出,使用方法也不细述. 在弹出确认框可使用confirm或open方式 在open中 layer.open({ content: '确认提交?', btn: [" ...
- 安防互联网摄像头海康大华硬盘录像机视频流媒体服务器EasyNVR在layer弹出层中使用video标签无法最大化全屏播放问题解决
诞生背景 众所周知,EasyNVR可以将局域网/广域网上的海康/大华等网络摄像头由rtsp转换为rtmp.rtsp.hls.flv协议转换,并提供推流服务,可以将拉到的网络摄像头直接转发到流媒体服务器 ...
- layer弹出层组件实现加载效果
layer弹出层组件挺实用的,需要跟jQuery配合使用,下面介绍一下利用layer制作加载层. 使用layer.load() layer.load(1,{ // 0/1/2表示图标,load有三种可 ...
- 优酷播放器与layer弹出层(别的弹出层未测试)遮挡问题
最近做了优酷视频插件 ,然后做了个删除功能,使用的layer弹出层插件,发现弹出的时候被优酷播放器遮挡,修改zIndex属性不能用,经查阅资料改成 <embed src="http:/ ...
- layer弹出层闪退_layer弹出层详解
1.layer 弹出层iframe页面关闭自身 function closeFrame() { var index = parent.layer.getFrameIndex(window.name); ...
- layer文件ajax上传,layer弹出层数据传输到content里面
在项目中使用layer弹出层的时候,遇到一个问题,就是利用ajax请求后台数据成功时,调用layer弹出层(iframe),如何把数据传到iframe里面去? 经过百度,发现,使用js把数据拼接起来, ...
最新文章
- 以后教育孩子学好数学的方法 多思动漫数学
- 至毕业设计组同学的一封公开信
- html5数组查找第二大数,2021-06-29:在两个都有序的数组中找整体第K小的数。
- virtual、override-蝌蚪和青蛙-C#多态
- cass展点不在原位置,cass中打开一副图后,通过绘图处理-——展高程点,怎么之前的图形就不显示了,,只剩下高程点!!...
- 【升级包】jeecg_online 支持主子表列表展示风格模板升级包,简易升级
- python循环输入若干学生信息网_python最简学生信息系统,练习while
- Oracle 常用符号CHR
- 蓝桥杯 ADV-104算法提高 打水问题
- 图解win7中IIS7.0的安装及配置ASP环境
- 【嵌入式算法】CRC校验算法
- GET 和 POST 有什么区别?
- 对称与非对称加密算法
- RGB888和RGB565互相转换
- 运行HQL时,报错:Container killed by YARN for exceeding memory limits
- 《需求工程——软件建模与分析》阅读笔记03
- 大数据能力提升项目|学生成果展系列之五
- sdnu1283.山师好男友(找规律)
- 跨越行业壁垒:金融校对软件在跨国金融业务中的应用
- 设计原则:开闭原则(OCP)
热门文章
- 汇川PLC如何连接电脑进行数据通信和远程上下载
- 4种电路仿真软件比较
- python的三维坐标轴设置_如何更改matplotlib中的三维轴设置
- MYSQL 表名作为变量时,必须使用 ${ }
- Unity动画状态的获取和常用判断(逐步完善)
- 炫云云渲染3ds max支持的插件有哪些?
- Gazebo导入Solidworks自定义的三维模型(单零件)
- php 校园oa办公系统xammp
- MapInfo点符号制作方法
- 用python处理excel数据、求线性回归方程的r值_python实现简单的单变量线性回归方法...