diff --git a/ruoyi-admin/src/main/java/com/ruoyi/web/controller/demo/controller/DemoFormController.java b/ruoyi-admin/src/main/java/com/ruoyi/web/controller/demo/controller/DemoFormController.java index 264b5e12..b012a5f4 100644 --- a/ruoyi-admin/src/main/java/com/ruoyi/web/controller/demo/controller/DemoFormController.java +++ b/ruoyi-admin/src/main/java/com/ruoyi/web/controller/demo/controller/DemoFormController.java @@ -136,6 +136,15 @@ public class DemoFormController return prefix + "/basic"; } + /** + * 卡片列表 + */ + @GetMapping("/cards") + public String cards() + { + return prefix + "/cards"; + } + /** * 搜索自动补全 */ diff --git a/ruoyi-admin/src/main/resources/templates/demo/form/cards.html b/ruoyi-admin/src/main/resources/templates/demo/form/cards.html new file mode 100644 index 00000000..35a7f68d --- /dev/null +++ b/ruoyi-admin/src/main/resources/templates/demo/form/cards.html @@ -0,0 +1,319 @@ + + + + + + +
+
+
+
+
+ NEW +
IT-01 - 设计部
+
+
+

部门简介

+

+ 平面设计（graphic design），也称为视觉传达设计，是以“视觉”作为沟通和表现的方式，透过多种方式来创造和结合符号、图片和文字，借此作出用来传达想法或讯息的视觉表现。 +

+
+ 当前项目进度： +
48%
+
+
+
+
+
+
+
项目
+ 12 +
+
+
周期
+ 4个月 +
+
+
预算
+ ¥200,913 +
+
+ +
+
+
+
+
IT-04 - 市场部
+
+
+

部门简介

+

+ 平面设计（graphic design），也称为视觉传达设计，是以“视觉”作为沟通和表现的方式，透过多种方式来创造和结合符号、图片和文字，借此作出用来传达想法或讯息的视觉表现。 +

+
+ 当前项目进度： +
32%
+
+
+
+
+
+
+
项目
+ 24 +
+
+
周期
+ 3个月 +
+
+
预算
+ ¥190,325 +
+
+ +
+
+
+
+
IT-07 - 财务部
+
+
+

部门简介

+

+ 平面设计（graphic design），也称为视觉传达设计，是以“视觉”作为沟通和表现的方式，透过多种方式来创造和结合符号、图片和文字，借此作出用来传达想法或讯息的视觉表现。 +

+
+ 当前项目进度： +
73%
+
+
+
+
+
+
+
项目
+ 11 +
+
+
周期
+ 6个月 +
+
+
预算
+ ¥560,105 +
+
+ +
+
+
+
+
+
+
IT-02 - 开发部
+
+
+

部门简介

+

+ 平面设计（graphic design），也称为视觉传达设计，是以“视觉”作为沟通和表现的方式，透过多种方式来创造和结合符号、图片和文字，借此作出用来传达想法或讯息的视觉表现。 +

+
+ 当前项目进度： +
61%
+
+
+
+
+
+
+
项目
+ 43 +
+
+
周期
+ 1个月 +
+
+
预算
+ ¥705,913 +
+
+ +
+
+
+
+ 截止 +
IT-05 - 管理层
+
+
+

部门简介

+

+ 平面设计（graphic design），也称为视觉传达设计，是以“视觉”作为沟通和表现的方式，透过多种方式来创造和结合符号、图片和文字，借此作出用来传达想法或讯息的视觉表现。 +

+
+ 当前项目进度： +
14%
+
+
+
+
+
+
+
项目
+ 8 +
+
+
周期
+ 7个月 +
+
+
预算
+ ¥40,200 +
+
+ +
+
+
+
+
IT-08 - 销售部
+
+
+

部门简介

+

+ 平面设计（graphic design），也称为视觉传达设计，是以“视觉”作为沟通和表现的方式，透过多种方式来创造和结合符号、图片和文字，借此作出用来传达想法或讯息的视觉表现。 +

+
+ 当前项目进度： +
25%
+
+
+
+
+
+
+
项目
+ 25 +
+
+
周期
+ 4个月 +
+
+
预算
+ ¥140,105 +
+
+ +
+
+
+
+
+
+ +
IT-02 - 销售部
+
+
+

部门简介

+

+ 平面设计（graphic design），也称为视觉传达设计，是以“视觉”作为沟通和表现的方式，透过多种方式来创造和结合符号、图片和文字，借此作出用来传达想法或讯息的视觉表现。 +

+
+ 当前项目进度： +
82%
+
+
+
+
+
+
+
项目
+ 68 +
+
+
周期
+ 2个月 +
+
+
预算
+ ¥701,400 +
+
+ +
+
+
+
+
IT-06 - 销售部
+
+
+

部门简介

+

+ 平面设计（graphic design），也称为视觉传达设计，是以“视觉”作为沟通和表现的方式，透过多种方式来创造和结合符号、图片和文字，借此作出用来传达想法或讯息的视觉表现。 +

+
+ 当前项目进度： +
26%
+
+
+
+
+
+
+
项目
+ 16 +
+
+
周期
+ 8个月 +
+
+
预算
+ ¥160,100 +
+
+ +
+
+
+
+
IT-09 - 销售部
+
+
+

部门简介

+

+ 平面设计（graphic design），也称为视觉传达设计，是以“视觉”作为沟通和表现的方式，透过多种方式来创造和结合符号、图片和文字，借此作出用来传达想法或讯息的视觉表现。 +

+
+ 当前项目进度： +
18%
+
+
+
+
+
+
+
项目
+ 53 +
+
+
周期
+ 9个月 +
+
+
预算
+ ¥60,140 +
+
+ +
+
+
+
+
+ + + diff --git a/ruoyi-admin/src/main/resources/templates/index.html b/ruoyi-admin/src/main/resources/templates/index.html index 59c0178a..28f4dcc8 100644 --- a/ruoyi-admin/src/main/resources/templates/index.html +++ b/ruoyi-admin/src/main/resources/templates/index.html @@ -76,6 +76,7 @@
  • 栅格
  • 下拉框
  • 基本表单
    • +
  • 卡片列表
  • 功能扩展
  • 拖动排序
  • 选项卡 & 面板