一.组件的介绍及分类👨🏻‍💻

1.组件的介绍

Layui 是一套开源的 Web UI 组件库，采用自身轻量级模块化规范，遵循原生态的 HTML/CSS/JavaScript 开发模式，极易上手，拿来即用。其风格简约轻盈，而内在雅致丰盈，甚至包括文档在内的每一处细节都经过精心雕琢，非常适合网页界面的快速构建。Layui 区别于一众主流的前端框架，却并非逆道而行，而是信奉返璞归真之道。确切地说，它更多是面向于追求简单的务实主义者，即无需涉足各类构建工具，只需面向浏览器本身，便可将页面所需呈现的元素与交互信手拈来。

我们可以通过Layui提供的组件更简洁美观得美化我们的样式及功能模块

2.Layui组件的分类

Layui的组件大致分为【基础】【通用】【表单】【展示】【交互】等.....

参考文档：

在线文档-Layui

http://layui.org.cn/demo/index.html

🙋‍♀️个栗子

1.表格（Table）：提供了灵活的表格展示和操作功能，支持排序、分页、编辑、删除等。

2.表单（Form）：用于创建各种类型的表单，包括输入框、下拉框、复选框等，支持各种验证规则。

3.弹层（Layer）：提供弹窗的功能，包括提示框、确认框、加载层等，可以自定义弹窗样式和内容。

4.树形控件（Tree）：用于展示具有层级结构的数据，支持展开/折叠、选择节点等操作。

5.分页（Pager）：用于分页展示大量数据，支持异步加载和自定义样式。

6.导航（Navbar）：可创建导航菜单，支持水平和垂直布局，可以自定义样式和交互。

7.进度条（Progress）：用于展示任务的进度，支持不同样式和动画效果。

8.图片轮播（Carousel）：用于展示多张图片的轮播效果，支持自动播放、手动切换等。

9.日期选择（Date）：提供了日期选择的功能，支持自定义日期格式和范围。

10.表单自动填充（Autocomplete）：在表单中输入内容时，自动匹配已存在的选项。

这些在我们日常使用中都是非常频繁且适用的