Layui各种样式弹出框

Layui各种样式弹出框


layer.msg(“操作成功”, {icon: 1});

layer.msg(“操作失败”, {icon: 2});

layer.msg(“询问信息”, {icon: 3});

layer.msg(“灰色”, {icon: 4});

layer.msg(“红色哭脸”, {icon: 5});

layer.msg(“绿色笑脸”, {icon: 6});

layer.msg(“黄色感叹号”, {icon:7});

layer.msg(‘修改失败!’,{time:3000,icon:5});

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Layui提供了页面级弹出的组件,可以在当前页面中打开一个新的弹出页面。以下是一个使用Layui页面级弹出的示例代码: ```html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Layui 页面级弹出示例</title> <link rel="stylesheet" href="https://cdn.staticfile.org/layui/2.5.6/css/layui.css"> </head> <body> <button class="layui-btn layui-btn-normal" id="openPopup">打开弹出页面</button> <script src="https://cdn.staticfile.org/layui/2.5.6/layui.js"></script> <script> // 初始化Layui layui.use(['layer'], function() { var layer = layui.layer; // 监听按钮点击事件 document.getElementById('openPopup').addEventListener('click', function() { // 打开弹出页面 layer.open({ type: 2, title: '弹出页面示例', area: ['800px', '600px'], content: 'popup.html' // 弹出页面的URL地址 }); }); }); </script> </body> </html> ``` 在上面的示例中,我们使用了Layui的`layer.open()`方法,并将`type`属性设置为2,以打开一个页面级弹出。通过`area`属性可以设置弹出的宽度和高度。在`content`属性中,我们指定了弹出页面的URL地址(例如:`popup.html`),这个页面将在弹出中显示。 请注意,在示例中我们仅提供了一个按钮,点击按钮后将打开一个弹出页面。你可以根据自己的需求修改按钮样式弹出页面的内容。 希望对你有所帮助!如果还有其他问题,请继续提问。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值