2e5ad41aef
* feat(form-select): 新增 `lay-append-to` 属性 docs(form-select): 更新文档 fix: 修复定向渲染 BUG fix: 修复点击元素外部关闭面板时的一些问题 refactor: 重命名部分变量 feat: lay.onClickOutside 新增 capture 选项 feat: lay.onClickOutside 新增 detectIframe 属性 chore: 修改部分变量命名 fix: 窗口大小改变时，面板位置异常 revert: 1fe122b fix: 修复一些边缘情况 refactor: 将 lay-append-to-body 重命名为 lay-append-to fix: 重新渲染时，应该移除旧的面板元素 * update code * docs(form): 新增 `lay-append-position` 属性的文档介绍 * docs: 优化 select 在 table 多样化编辑中的示例 * docs(form-select): 增加 `lay-append-to` 的相关示例 * feat(form-select): 新增 `lay-append-position` 属性，用于设置 `select` 面板开启 `lay-append-to` 属性后的定位方式 * chore(form-select): 剔除多余代码 * docs(form-select): 优化 select 在 layer 中使用的示例 当鼠标滑动 layer 内部滚动条时移除下拉框，以规避错位 --------- Co-authored-by: 贤心 <3277200+sentsim@users.noreply.github.com>
Layui
中文 · English
Classic modular front-end UI library
Layui constitutes an open-source, freely available Web UI component library implementing its distinct lightweight modular specification. It adheres rigorously to the vanilla
HTML/CSS/JavaScriptdevelopment paradigm, thereby affording unparalleled ease of adoption and immediate usability. Characterized by a minimalist, lightweight aesthetic, the framework's core exudes elegance and richness, with each and every detail, inclusive of documentation, meticulously curated to facilitate swift assembly of web interfaces. Distinguishing itself from prevailing mainstream front-end frameworks, Layui does not contravene established principles but rather espouses a philosophy of reverting to fundamental simplicity. Specifically, it caters to pragmatic individuals with a penchant for simplicity, obviating the need for engagement with diverse build tools. it empowers users to intuitively harness and orchestrate the requisite page elements and interactive behaviors directly within the browser environment.
Usage
To use Layui, simply include the core files in your page, such as:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Quick Start - Layui</title>
<link href="./layui/css/layui.css" rel="stylesheet" />
</head>
<body>
<!-- HTML Content -->
<script src="./layui/layui.js"></script>
<script>
// Usage
layui.use(function () {
var layer = layui.layer;
// Welcome
layer.msg("Hello World", { icon: 6 });
});
</script>
</body>
</html>
Documentation
Contributors
Break with the old and establish the new 🌱
On October 14, 2016, Layui released its first version 1.0.0, after which it was widely adopted across web platforms.
On October 13, 2021, Layui announced the decommissioning of its original official website (details) and migrated its documentation site to Gitee Pages. Concurrently, community management and daily maintenance activities were fully transitioned to both Gitee and Github platforms, encouraging users to embrace other superior mainstream frameworks. This move inadvertently led some to believe that Layui had ceased updates. In reality, since then, Layui has remained active on Github and Gitee, never halting updates, progressing from version 2.6.8 at the time to its current latest release.
On April 24, 2023, Layui released version 2.8.0 officially and launched a new documentation site. This marked a sincere comeback and a continuation of its commitment to open-source ideals. We still uphold the perspective expressed in the announcement two years ago, advocating that developers embrace mainstream technologies and nurture an unwavering passion for cutting-edge advancements. What Layui does is to fill those narrow gaps outside the mainstream. Although not a mainstream frontend framework, Layui has long transcended being a personal creation of its author, becoming a collective work of all who persist in using it. It continues to underpin numerous projects and represents the efforts of many individuals. As open-source creators, we should walk alongside these dedicated Layui developers.
In the future, Layui will steadfastly accompany all those who hold it dear, jointly substantiating the feasibility of the Layui development model.
License
Layui is released under the MIT license. Other relevant agreements may also refer to the Disclaimer.