layer 弹出消息框如何设置按钮颜色

 时间:2024-10-13 21:10:00

1、我们先在JS代码里写下layer的弹框代码,这是默认的最基本的代码。

layer 弹出消息框如何设置按钮颜色

2、运行页面后可以看到,layer弹出框的按钮颜色默认是蓝色的。

layer 弹出消息框如何设置按钮颜色

3、然后我们可以修改弹框的代码,添加一个skin参数,值为 my-skin

layer 弹出消息框如何设置按钮颜色

4、另外还需要添加自己的样式代码,如图,添加弹框按钮的样式,要注意的是我们需要在样式前加上my-skin作前缀(就是我们前面的参数的值)。

layer 弹出消息框如何设置按钮颜色

5、重新运行页面后,我们可以在浏览器的调试模式下,看到现在的按钮组件是添加了我们的skin样式名的,my-skin。(如果你不知道怎么使用浏览器的调试模式,可以参考下面的链接)

layer 弹出消息框如何设置按钮颜色

6、再看下现在页面上的弹出框,可以看到颜色已经变成了我们样式里设置的颜色,而不是默认的蓝色了。

layer 弹出消息框如何设置按钮颜色

7、上面的添加skin参数的方法是只针对某个弹出框的,如果你要针对所有的弹出框都应用新的按钮颜色,我们可以用配置的方法:layer.config({skin: my-skin});

layer 弹出消息框如何设置按钮颜色

8、重新刷新页面,也可以看到,按钮颜色同样有改变。

layer 弹出消息框如何设置按钮颜色
  • uniapp如何用json对象显示在前端
  • 易语言教程之编写动态链接库(DLL)文件
  • jquery如何将span的内容加粗
  • 火锅蘸料怎么调更香?
  • 怎么制作多种静默安装包?
  • 热门搜索
    什么是创业板 运动鞋批发 c2驾驶证能开什么车 无氧运动有哪些项目 苹果6s什么时候上市 什么是三从四德 什么是对食 善良的反义词是什么 清心寡欲是什么意思 金色的什么