浅谈层弹出层按钮颜色修改方法

  

层弹出层有多种格式的弹出,使用方法也不细述。

  

在弹出确认框可使用确认或开放的方式

  

在开放中         layer.open ({   内容:“确认提交?”   btn:["确认”、“取消”),   是的:函数(指数){   somefunciton……   layer.close(索引)   },   这里:函数(指数){   }   });      

层中确认按钮在第一个位置,展示也是按顺序展示

  

如果和自己项目中的风格不一致,需要把确认按钮和取消按钮互换,如果只是简单的把文字互换了,但是按钮的颜色还是没有变化。

  

这时我们需要做的有:1:变更按钮顺序,2:修改回调函数,3:修改按钮的颜色

        layer.open ({   皮肤:“demo类”,   内容:“确认提交?”   btn:["取消”、“确认”),   是的:函数(指数){   layer.close(索引)   },   这里:函数(指数){   somefunciton……   }   });//在页面风格中定义按钮css样式   & lt; style>   身体.demo-class .layui-layer-btn0 {   边框颜色:# E6E3E6;   background - color: # FFF;   颜色:黑色;   }   身体.demo-class .layui-layer-btn1 {   边框颜色:# 4898 d5;   background - color: # 2 e8ded;   颜色:# fff;   }   & lt;/style>      

这样调用就可以实现了,确认的底层实现也是开放的方式,所以confim也应该是一样的结果,但没有去实验。

  

以上这篇浅谈层弹出层按钮颜色修改方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

浅谈层弹出层按钮颜色修改方法