From b400a9befb19f91ba30dbe907f05aefa7064d31a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=B4=A4=E5=BF=83?= <3277200+sentsim@users.noreply.github.com> Date: Wed, 22 Jun 2022 01:07:12 +0800 Subject: [PATCH] update --- README.md | 22 +-- examples/json/table/demo1.json | 6 +- examples/table-static.html | 107 ++++++++++++++ examples/table-test.html | 250 ++++++++++++++++++++++----------- examples/table.html | 83 ++--------- src/modules/form.js | 12 +- src/modules/table.js | 73 ++++------ 7 files changed, 331 insertions(+), 222 deletions(-) create mode 100644 examples/table-static.html diff --git a/README.md b/README.md index 2719d319..15e465b0 100644 --- a/README.md +++ b/README.md @@ -25,12 +25,12 @@ --- -layui 是一套开源的 Web UI 组件库，采用自身经典的模块化规范，并遵循原生 HTML/CSS/JS 的开发方式，极易上手，拿来即用。其风格简约轻盈，而组件优雅丰盈，从源代码到使用方法的每一处细节都经过精心雕琢，非常适合网页界面的快速开发。layui 区别于那些基于 MVVM 底层的前端框架，却并非逆道而行，而是信奉返璞归真之道。准确地说，它更多是面向后端开发者，你无需涉足前端的各种工具，只需面对浏览器本身，让一切你所需要的元素与交互，从这里信手拈来。 +Layui 是一套开源的 Web UI 组件库，采用自身经典的模块化规范，并遵循原生 HTML/CSS/JS 的开发方式，极易上手，拿来即用。其风格简约轻盈，而组件优雅丰盈，从源代码到使用方法的每一处细节都经过精心雕琢，非常适合网页界面的快速开发。Layui 区别于那些基于 MVVM 底层的前端框架，却并非逆道而行，而是信奉返璞归真之道。准确地说，它更多是面向后端开发者，你无需涉足前端的各种工具，只需面对浏览器本身，让一切你所需要的元素与交互，从这里信手拈来。 ## 快速上手 -获得 layui 后，将其完整地部署到你的静态资源项目目录，你只需要引入下述两个文件： +获得 Layui 后，将其完整地部署到你的静态资源项目目录，你只需要引入下述两个文件： ```html @@ -47,14 +47,14 @@ layui 是一套开源的 Web UI 组件库，采用自身经典的模块化规范 @@ -72,4 +72,4 @@ layui 是一套开源的 Web UI 组件库，采用自身经典的模块化规范 layui 原官网已于2021年10月13日下线。详见： > 1. layui 原官网下线公告 2. layui 原官网为什么要下线？ -鉴于 layui 相对庞大的受众群体，从此 Github 和 Gitee 平台将支撑起 layui 的后续，**它将继续陪伴着仍然需要它的人**。 +鉴于 Layui 相对庞大的受众群体，从此 Github 和 Gitee 平台将支撑起 Layui 的后续，**它将继续陪伴着仍然需要它的人**。 diff --git a/examples/json/table/demo1.json b/examples/json/table/demo1.json index 1657c779..a9a06a3a 100644 --- a/examples/json/table/demo1.json +++ b/examples/json/table/demo1.json @@ -7,14 +7,14 @@ } ,"data": [{ "id": "10001" - ,"username": "杜甫" + ,"username": "杜甫123" ,"email": "test1@email.com" ,"sex": "男" ,"city": "浙江杭州" ,"sign": "鼠标移动到此处，可以通过点击单元格右侧的下拉图标，查看到被隐藏的全部内容。" ,"experience": 7 ,"ip": "192.168.0.8" - ,"logins": null + ,"logins": 0 ,"joinTime": "2016-10-14" }, { "id": "10002" @@ -34,7 +34,7 @@ ,"email": "test3@email.com" ,"sex": "男" ,"city": "浙江杭州" - ,"sign": "人生恰似一场修行
1
1
1
1
1
1" + ,"sign": "人生恰似一场修行" ,"experience": 8 ,"ip": "192.168.0.8" ,"logins": null diff --git a/examples/table-static.html b/examples/table-static.html new file mode 100644 index 00000000..67c20d35 --- /dev/null +++ b/examples/table-static.html @@ -0,0 +1,107 @@ + + + + + + 静态表格 - layui + + + + + + +
+ 表格综合 + 表格操作 + 静态表格 +
+ + + + + + + + + + + + + + + + + + + + + + + + + + +
人物民族格言
孔子华夏有朋至远方来，不亦乐乎
孟子华夏穷则独善其身，达则兼济天下
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + +
人物民族格言
孔子华夏有朋至远方来，不亦乐乎
孟子华夏穷则独善其身，达则兼济天下
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + +
人物民族格言
孔子华夏有朋至远方来，不亦乐乎
孟子华夏穷则独善其身，达则兼济天下
+ + + \ No newline at end of file diff --git a/examples/table-test.html b/examples/table-test.html index 9d05a5a4..0fe08da6 100644 --- a/examples/table-test.html +++ b/examples/table-test.html @@ -1,5 +1,3 @@ - - @@ -8,16 +6,15 @@ 表格操作 - layui -
表格综合 - 表格测试 + 表格操作 静态表格
@@ -25,14 +22,17 @@
- - - - - + + + + +
@@ -73,13 +73,13 @@ diff --git a/examples/table.html b/examples/table.html index d2db47da..f513d76a 100644 --- a/examples/table.html +++ b/examples/table.html @@ -1,5 +1,3 @@ - - @@ -10,14 +8,14 @@
- 表格综合 - 表格测试 + 表格综合 + 表格操作 静态表格
@@ -184,24 +182,10 @@