monksoul / layx

Layx 新一代Web弹窗组件。

Layx v3.x 版本开发中，v3.x 预览地址

v3.x 进度

v3.x 项目地址

序言

Layx 新一代Web弹窗组件。

gzip压缩版仅 13.5kb，非常小巧。

信息

• 原创作者：百小僧
• 开源协议：MIT
• 当前版本：v2.5.4
• 发布日期：2018.11.03

特性

• 纯原生Javascript实现，不依赖任何第三方框架
• 支持IE10+（含IE10）、Chrome、Firefox、Opera、Edge、Safari等主流浏览器
• 支持多种窗口类型：文本窗口，页面窗口，窗口组，提示窗口，消息窗口，询问窗口，输入窗口，加载窗口、浮动窗口、置顶窗口、倒计时窗口、只读窗口
• 支持窗口最大化、最小化、恢复、置顶、关闭、调试、双击控制及事件监听
• 支持窗口阻隔、窗口闪烁功能
• 支持窗口点击标题获取焦点、点击内容/页面获取焦点
• 支持窗口图标定制、操作按钮定制
• 支持窗口四个方向拖动及方向控制
• 支持窗口八个方向拖曳大小及拖曳方向控制
• 支持窗口自动获取页面标题
• 支持窗口位置记录及恢复
• 支持窗口相互通讯
• 支持窗口设定自动关闭
• 支持窗口外观控制、状态栏、透明度控制
• 支持窗口操作拦截器、可以拦截任何不正常操作
• 支持窗口初始化位置、宽高度、最小化宽高度控制
• 支持窗口加载文字控制
• 支持窗口滚动条智能判断
• 支持窗口最小化统一管理
• 支持窗口位置记录保存
• 支持 ESC 快捷键退出窗口
• 支持自定义皮肤，设置任何您想要的外观
• 支持触摸屏手势拖曳、拖动

使用

第一步：引入 layx.css / layx.min.css

<link href="layx.min.css" rel="stylesheet" type="text/css" />

第二步：引入 layx.js / layx.min.js

<script src="layx.min.js" type="text/javascript"></script>

第三步：打开一个窗口试试

layx.html('str','字符串文本','Hello Layx!');

查看更多示例

layx's Issues

v2.4.2版本layx.load()与bootstrap3不兼容

版本：2.4.2
冲突函数：layx.load()
冲突组件：bootstrap3

        ...
        <!-- Styles -->
        <link rel="stylesheet" href="/plugins/Layx/layx.min.css" media="all" />
        <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
       ...
       <script type="text/javascript" src="/plugins/Layx/layx.min.js"></script>
       <script>
          $(document).on('click', '#test', function () {
            layx.load('app-loading','数据正在加载中，请稍后');
            setTimeout(function(){
              layx.destroy('app-loading');
            },5000);
          })
        </script>

**可以就是UI 组件FORM太难看了..加油嘛 弄出个UI跟winform的UI效果那就牛逼了

**可以就是UI 组件FORM太难看了..加油嘛 弄出个UI跟winform的UI效果那就牛逼了

Layx v3.x 版本还在开发吗？

Layx v3.x 版本还在开发中吗？有发版计划么？

吸附窗口有性能问题

layx.tip(),
我有个页面有50条记录每条上有个按钮希望鼠标over的时候显示吸附消息，当运行了五十个layx.tip(),后，当页面滚动后吸附窗口就运行不正常了，显示位置严重错位.

其实我觉得应该模仿一下mac，不应该模仿win

Win并没有那么好看。模仿mac说不定可以吸引更多人。

另外，我打开示例，发现有些“窗口”关闭比较慢，不知道为什么。我用的Firefox 62。

layx.prompt

怎么给layx.prompt添加一个密码框呢？

2.5.4版本在吸附位置上有问题

超过一页之后，吸附的弹窗会停留在原始第一页的末尾。

附件就是个html文件压缩，可以复现。

a.zip

要是能加入一些动画效果就更酷了

更新到v2.2.2的时候layx.load()报错

引用layx.load()的时候报错：

layx.min.js:1 Uncaught TypeError: Cannot set property 'loadTimer' of undefined
    at Object.load (layx.min.js:1)
    at Object.load (layx.min.js:1)
    at eval (eval at runs.(/layx/doc/anonymous function).onclick (http://monksoul.gitee.io/layx/doc/doc.js:344:13), <anonymous>:1:6)
    at HTMLButtonElement.runs.(/layx/doc/anonymous function).onclick (http://monksoul.gitee.io/layx/doc/doc.js:344:13)

消息框不能根据内容自动缩放

比如layx.msg(msg);
如果msg的内容一多，样式就乱了，内容多了会出现滚动条，期待的是无论内容多少样式都保持不变，自动根据内容撑开就可以

一直很喜歡這個插件

謝謝你做了這麼好用的插件

有没有计划支持ie8+

有部分旧的项目跑在xp上 只能搞个ie8装上，这个有没有计划支持IE8+的浏览器，IE10时win8上的基本上没什么人用win8 大部分要么win10要么win7，win7好像默认也是IE8