layui layer 自定义皮肤真香警告

博客介绍了如何在layui框架中自定义layer弹窗的皮肤。作者分享了创建新CSS文件,加载并应用自定义样式的步骤,并给出了具体的CSS代码示例,展示了如何通过覆盖layui的默认样式来改变弹窗外观。
摘要由CSDN通过智能技术生成

不试不知道,一试真的香,layui的弹窗界面做的太人性化了,还能自定义皮肤,我感觉我捡到宝了。嘻嘻
作为一个csser,怎么能不自己试一下呢?
温馨提示框
在这里插入图片描述

墨绿色风格,最近很喜欢这个风格,简直不要太好看
在这里插入图片描述

通用框
在这里插入图片描述
感觉我的审美有些尴尬,我还是挺纠结的一个人。
下面记录一下要怎么配置,
首先需要在 layui 文件夹下面新建一个文件,我取名为 skin,在 skin 下新建一个 css 文件,我这里取做 style.css,然后就是去我们的页面中加载这个 css 文件,extend就是路径名称,一般是相对于当前的html文件目录
在这里插入图片描述
现在就已经加载好这个css了,就可以在使用layer的时候去使用skin这个option,但是css还没写,需要先写好css,其实就是给layui生成的类添

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值