layui弹出框confirm自定义样式

增加skin参数，自定义皮肤样式。

layer.confirm(content,{btn:btn,skin:'hbk-class',area: ['500px', '300px'],btn1:function(index){console.log("点击了我知道了");var id = res.data[0].id;console.log("id="+id);// 更新消息状态$.ajax({url:ctx+"sys/msg/readMsg/"+id,type:'post',dataType:'json',success:function(res){console.log("更新状态成功");console.log(res);layer.close(index);},error:function(err){console.log("更新状态失败");console.log(err);}});},btn2:function(){console.log("点击了取消");},title:title});

<style>.hbk-class .layui-layer-title{background:red; color:#fff; border: none;}.hbk-class .layui-layer-btn .layui-layer-btn0{background:#E12D2E;color:#FFF}.hbk-class .layui-lay

layui弹出框confirm自定义样式相关推荐

【Popover 弹出框】在vue中，ElmentUI下Popover 弹出框组件 “ 自定义样式修改不了 ” 的解决方法
通过 /deep/ 深层查找并不能找到相关的元素,查找原因发现此组件的样式是全局样式,如果你style中加了scoped,如<style lang="scss" scoped ...
layer弹出层扩展自定义样式
layer是一款近年来备受青睐的web弹层组件,她具备全方位的解决方案,致力于服务各水平段的开发人员,您的页面会轻松地拥有丰富友好的操作体验. 官网 http://layer.layui.com/ l ...
阻止window.onbeforeunload事件的弹出框或自定义弹出框
前引:网上很多关于window.onbeforeunload用来监听页面的意外退出或者关闭事件的用法但都会出现下面的弹出框.为此本博客提供方案使下面弹出框消失,但又能实现自己的相应业务功能. 在使用 ...
关于layui弹出框的laydate出现闪退，trigger也无效该怎么解决
** 关于layui弹出框的laydate出现闪退,trigger也无效该怎么解决 ** 这几天做项目的时候,发现layui弹出框日期出现闪退的情况,网上大部分意见是加上,trigger: 'clic ...
[JS]JS模拟Alert弹出框效果--自定义CSS样式
function alertMsg(msg, mode) { //mode为空,即只有一个确认按钮,mode为1时有确认和取消两个按钮msg = msg || '';mode = mode || 0; ...
layui弹出框php,layui弹出层怎么使用
layui弹出层的使用方法:首先引入jQuery1.8以上的任意版本:然后引入laery.js:最后通过"function show(){var a = layer.open({...}); ...
layui弹出框php,layui中使用的一些弹出框
第一步:引用文件第二步:写脚本 //iframe窗 //layer.open({ // type: 2, // title: false, // closeBtn: 0, //不显示关闭按钮 // ...
layui 弹出框改变按钮颜色样式自定义皮肤
1.在layer下新建文件夹和css 文件: 2.123.css body .layui-ext-yourskin .layui-layer-btn0{ border-color: #55ff83; ...
对于自定义element 弹出框文字提示样式
给每一个代码块加以自定义class属性,popper-class就可以修改样式了,注意如果使用less或 scss 一定要把scoped属性去掉否则不会生效代码如下: <el-tooltip c ...

layui弹出框confirm自定义样式

layui弹出框confirm自定义样式相关推荐

最新文章

热门文章