From d8141f24c2aa9ce018d516cfe78a351083b67175 Mon Sep 17 00:00:00 2001
From: "yuekin.wang" <yuelin.wang@xbongbong.com>
Date: Mon, 18 Dec 2023 14:54:55 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=96=B0=E5=A2=9E=E6=A8=A1=E6=9D=BF?=
 =?UTF-8?q?=EF=BC=8C=E4=BC=98=E5=8C=96=E4=BB=A3=E7=A0=81=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md                                     |   4 +
 src/assets/data/modelData/1.json              | 892 ++++++++++++++++++
 .../panel/leftPanel/wrap/TempListWrap.vue     | 108 +--
 .../panel/leftPanel/wrap/mixins/data.js       |  12 +-
 4 files changed, 944 insertions(+), 72 deletions(-)
 create mode 100644 src/assets/data/modelData/1.json

diff --git a/README.md b/README.md
index cd9011f..4ab40ab 100644
--- a/README.md
+++ b/README.md
@@ -41,5 +41,9 @@ Vite 是一种具有明确建议的工具，具备合理的默认设置。Vite 
 
 
 ## 开源协议
+知识应当流通与分享，真理亦是如此。
+
+希望阅读到此的您可以用自己的能力为leafer添砖加瓦~
+
 遵循[MIT协议](https://github.com/shuangxunian/no-resume/blob/main/LICENSE)
 
diff --git a/src/assets/data/modelData/1.json b/src/assets/data/modelData/1.json
new file mode 100644
index 0000000..dabffbe
--- /dev/null
+++ b/src/assets/data/modelData/1.json
@@ -0,0 +1,892 @@
+{
+	"tag": "Frame",
+	"id": "1a309c91-f5bd-46ce-95a8-b2c3c866a002",
+	"name": "workspace",
+	"width": 793,
+	"height": 1122,
+	"fill": [
+		{
+			"type": "solid",
+			"color": "#FFFFFF"
+		}
+	],
+	"children": [
+		{
+			"tag": "Rect",
+			"name": "图层1",
+			"x": 1,
+			"y": 0,
+			"width": 792,
+			"height": 40,
+			"draggable": true,
+			"editable": true,
+			"fill": [
+				{
+					"type": "solid",
+					"color": "rgba(45, 62, 80, 1)"
+				}
+			]
+		},
+		{
+			"tag": "Text",
+			"padding": [
+				0,
+				0,
+				0,
+				0
+			],
+			"fill": [
+				{
+					"type": "solid",
+					"color": "rgba(255, 255, 255, 1)"
+				}
+			],
+			"text": "求职意向：不做简历",
+			"fontSize": 21,
+			"fontWeight": "normal",
+			"letterSpacing": {
+				"type": "px",
+				"value": 0
+			},
+			"lineHeight": {
+				"type": "percent",
+				"value": 150
+			},
+			"name": "图层2",
+			"x": 20,
+			"y": 5,
+			"draggable": true,
+			"editable": true
+		},
+		{
+			"tag": "Text",
+			"padding": [
+				0,
+				0,
+				0,
+				0
+			],
+			"fill": [
+				{
+					"type": "solid",
+					"color": "rgba(255, 255, 255, 1)"
+				}
+			],
+			"text": "求职地点：杭州",
+			"fontSize": 21,
+			"fontWeight": "normal",
+			"letterSpacing": {
+				"type": "px",
+				"value": 0
+			},
+			"lineHeight": {
+				"type": "percent",
+				"value": 150
+			},
+			"name": "图层3",
+			"x": 630,
+			"y": 5,
+			"draggable": true,
+			"editable": true
+		},
+		{
+			"tag": "Image",
+			"url": "https://www.听闻.cn:5244/d/本地/阿里云盘资料备份共享/图片/图床/2023/12/14/657aba4355874.png",
+			"width": 140,
+			"height": 200,
+			"name": "图层4",
+			"x": 630,
+			"y": 60,
+			"draggable": true,
+			"editable": true,
+			"fill": {
+				"type": "image",
+				"mode": "strench",
+				"url": "https://www.听闻.cn:5244/d/本地/阿里云盘资料备份共享/图片/图床/2023/12/14/657aba4355874.png"
+			}
+		},
+		{
+			"tag": "Rect",
+			"name": "图层5",
+			"x": 0,
+			"y": 60,
+			"width": 140,
+			"height": 40,
+			"draggable": true,
+			"editable": true,
+			"fill": [
+				{
+					"type": "solid",
+					"color": "rgba(45, 62, 80, 1)"
+				}
+			]
+		},
+		{
+			"tag": "Rect",
+			"name": "图层6",
+			"x": 160,
+			"y": 60,
+			"width": 450,
+			"height": 40,
+			"draggable": true,
+			"editable": true,
+			"fill": [
+				{
+					"type": "solid",
+					"color": "rgba(229, 231, 232, 1)"
+				}
+			]
+		},
+		{
+			"tag": "Text",
+			"padding": [
+				0,
+				0,
+				0,
+				0
+			],
+			"fill": [
+				{
+					"type": "solid",
+					"color": "rgba(255, 255, 255, 1)"
+				}
+			],
+			"text": "基 本 资 料",
+			"fontSize": 18,
+			"fontWeight": "normal",
+			"letterSpacing": {
+				"type": "px",
+				"value": 0
+			},
+			"lineHeight": {
+				"type": "percent",
+				"value": 150
+			},
+			"name": "图层7",
+			"x": 24,
+			"y": 67,
+			"draggable": true,
+			"editable": true
+		},
+		{
+			"tag": "Text",
+			"padding": [
+				0,
+				0,
+				0,
+				0
+			],
+			"fill": [
+				{
+					"type": "solid",
+					"color": "rgba(0,0,0,1)"
+				}
+			],
+			"text": "毕业院校：北京大学",
+			"fontFamily": "Microsoft Yahei",
+			"fontSize": 11,
+			"fontWeight": "medium",
+			"letterSpacing": {
+				"type": "px",
+				"value": 0
+			},
+			"lineHeight": {
+				"type": "percent",
+				"value": 150
+			},
+			"name": "图层8",
+			"x": 200,
+			"y": 150,
+			"draggable": true,
+			"editable": true
+		},
+		{
+			"tag": "Text",
+			"padding": [
+				0,
+				0,
+				0,
+				0
+			],
+			"fill": [
+				{
+					"type": "solid",
+					"color": "rgba(0,0,0,1)"
+				}
+			],
+			"text": "求职意向：不做简历",
+			"fontFamily": "Microsoft Yahei",
+			"fontSize": 11,
+			"fontWeight": "medium",
+			"letterSpacing": {
+				"type": "px",
+				"value": 0
+			},
+			"lineHeight": {
+				"type": "percent",
+				"value": 150
+			},
+			"name": "图层9",
+			"x": 40,
+			"y": 150,
+			"draggable": true,
+			"editable": true
+		},
+		{
+			"tag": "Text",
+			"width": 140,
+			"height": 16,
+			"padding": [
+				0,
+				0,
+				0,
+				0
+			],
+			"fill": [
+				{
+					"type": "solid",
+					"color": "rgba(0,0,0,1)"
+				}
+			],
+			"text": "姓      名：不做简历",
+			"fontFamily": "Microsoft Yahei",
+			"fontSize": 11,
+			"fontWeight": "medium",
+			"letterSpacing": {
+				"type": "px",
+				"value": 0
+			},
+			"lineHeight": {
+				"type": "percent",
+				"value": 150
+			},
+			"name": "图层10",
+			"x": 40,
+			"y": 120,
+			"draggable": true,
+			"editable": true
+		},
+		{
+			"tag": "Text",
+			"width": 140,
+			"height": 16,
+			"padding": [
+				0,
+				0,
+				0,
+				0
+			],
+			"fill": [
+				{
+					"type": "solid",
+					"color": "rgba(0,0,0,1)"
+				}
+			],
+			"text": "性别：男",
+			"fontFamily": "Microsoft Yahei",
+			"fontSize": 11,
+			"fontWeight": "medium",
+			"letterSpacing": {
+				"type": "px",
+				"value": 0
+			},
+			"lineHeight": {
+				"type": "percent",
+				"value": 150
+			},
+			"name": "图层11",
+			"x": 360,
+			"y": 120,
+			"draggable": true,
+			"editable": true
+		},
+		{
+			"tag": "Text",
+			"padding": [
+				0,
+				0,
+				0,
+				0
+			],
+			"fill": [
+				{
+					"type": "solid",
+					"color": "rgba(0,0,0,1)"
+				}
+			],
+			"text": "政治面貌：群      众",
+			"fontFamily": "Microsoft Yahei",
+			"fontSize": 11,
+			"fontWeight": "medium",
+			"letterSpacing": {
+				"type": "px",
+				"value": 0
+			},
+			"lineHeight": {
+				"type": "percent",
+				"value": 150
+			},
+			"name": "图层12",
+			"x": 40,
+			"y": 180,
+			"draggable": true,
+			"editable": true
+		},
+		{
+			"tag": "Text",
+			"width": 140,
+			"height": 16,
+			"padding": [
+				0,
+				0,
+				0,
+				0
+			],
+			"fill": [
+				{
+					"type": "solid",
+					"color": "rgba(0,0,0,1)"
+				}
+			],
+			"text": "出生年月：2023/12/18",
+			"fontFamily": "Microsoft Yahei",
+			"fontSize": 11,
+			"fontWeight": "medium",
+			"letterSpacing": {
+				"type": "px",
+				"value": 0
+			},
+			"lineHeight": {
+				"type": "percent",
+				"value": 150
+			},
+			"name": "图层13",
+			"x": 200,
+			"y": 120,
+			"draggable": true,
+			"editable": true
+		},
+		{
+			"tag": "Text",
+			"padding": [
+				0,
+				0,
+				0,
+				0
+			],
+			"fill": [
+				{
+					"type": "solid",
+					"color": "rgba(0,0,0,1)"
+				}
+			],
+			"text": "专业：计算机科学",
+			"fontFamily": "Microsoft Yahei",
+			"fontSize": 11,
+			"fontWeight": "medium",
+			"letterSpacing": {
+				"type": "px",
+				"value": 0
+			},
+			"lineHeight": {
+				"type": "percent",
+				"value": 150
+			},
+			"name": "图层14",
+			"x": 360,
+			"y": 150,
+			"draggable": true,
+			"editable": true
+		},
+		{
+			"tag": "Text",
+			"padding": [
+				0,
+				0,
+				0,
+				0
+			],
+			"fill": [
+				{
+					"type": "solid",
+					"color": "rgba(0,0,0,1)"
+				}
+			],
+			"text": "学历：本科",
+			"fontFamily": "Microsoft Yahei",
+			"fontSize": 11,
+			"fontWeight": "medium",
+			"letterSpacing": {
+				"type": "px",
+				"value": 0
+			},
+			"lineHeight": {
+				"type": "percent",
+				"value": 150
+			},
+			"name": "图层15",
+			"x": 360,
+			"y": 180,
+			"draggable": true,
+			"editable": true
+		},
+		{
+			"tag": "Text",
+			"padding": [
+				0,
+				0,
+				0,
+				0
+			],
+			"fill": [
+				{
+					"type": "solid",
+					"color": "rgba(0,0,0,1)"
+				}
+			],
+			"text": "籍贯：杭州",
+			"fontFamily": "Microsoft Yahei",
+			"fontSize": 11,
+			"fontWeight": "medium",
+			"letterSpacing": {
+				"type": "px",
+				"value": 0
+			},
+			"lineHeight": {
+				"type": "percent",
+				"value": 150
+			},
+			"name": "图层16",
+			"x": 200,
+			"y": 180,
+			"draggable": true,
+			"editable": true
+		},
+		{
+			"tag": "Rect",
+			"name": "图层17",
+			"x": 0,
+			"y": 220,
+			"width": 140,
+			"height": 40,
+			"draggable": true,
+			"editable": true,
+			"fill": [
+				{
+					"type": "solid",
+					"color": "rgba(45, 62, 80, 1)"
+				}
+			]
+		},
+		{
+			"tag": "Rect",
+			"name": "图层18",
+			"x": 160,
+			"y": 220,
+			"width": 450,
+			"height": 40,
+			"draggable": true,
+			"editable": true,
+			"fill": [
+				{
+					"type": "solid",
+					"color": "rgba(229, 231, 232, 1)"
+				}
+			]
+		},
+		{
+			"tag": "Text",
+			"padding": [
+				0,
+				0,
+				0,
+				0
+			],
+			"fill": [
+				{
+					"type": "solid",
+					"color": "rgba(255, 255, 255, 1)"
+				}
+			],
+			"text": "自 我 评 价",
+			"fontSize": 18,
+			"fontWeight": "normal",
+			"letterSpacing": {
+				"type": "px",
+				"value": 0
+			},
+			"lineHeight": {
+				"type": "percent",
+				"value": 150
+			},
+			"name": "图层19",
+			"x": 24,
+			"y": 227,
+			"draggable": true,
+			"editable": true
+		},
+		{
+			"tag": "Text",
+			"width": 713,
+			"height": 50,
+			"padding": [
+				0,
+				0,
+				0,
+				0
+			],
+			"fill": [
+				{
+					"type": "solid",
+					"color": "rgba(0,0,0,1)"
+				}
+			],
+			"text": "本人性格热情开朗，待人友好，为人真诚谦虚。能吃苦耐劳，尽职尽责，有耐心。善于与人沟通。学习刻苦认真，成绩优秀，连续三年获学院奖学金。为人诚恳勤奋好学脚踏实地，有较强的团队精神，工作积极进取，态度认真。抗压能力和强烈的责任感。通过实习和自修学习了财务的相关知识对经济和金融有所认识，有较强的数理分析能力。",
+			"fontFamily": "Microsoft Yahei",
+			"fontSize": 11,
+			"fontWeight": "medium",
+			"letterSpacing": {
+				"type": "px",
+				"value": 0
+			},
+			"lineHeight": {
+				"type": "percent",
+				"value": 150
+			},
+			"textOverflow": "show",
+			"name": "图层20",
+			"x": 40,
+			"y": 270,
+			"draggable": true,
+			"editable": true
+		},
+		{
+			"tag": "Rect",
+			"name": "图层21",
+			"x": 0,
+			"y": 330,
+			"width": 140,
+			"height": 40,
+			"draggable": true,
+			"editable": true,
+			"fill": [
+				{
+					"type": "solid",
+					"color": "rgba(45, 62, 80, 1)"
+				}
+			]
+		},
+		{
+			"tag": "Rect",
+			"name": "图层22",
+			"x": 160,
+			"y": 330,
+			"width": 633,
+			"height": 40,
+			"draggable": true,
+			"editable": true,
+			"fill": [
+				{
+					"type": "solid",
+					"color": "rgba(229, 231, 232, 1)"
+				}
+			]
+		},
+		{
+			"tag": "Rect",
+			"name": "图层23",
+			"x": 0,
+			"y": 800,
+			"width": 140,
+			"height": 40,
+			"scaleX": 1,
+			"draggable": true,
+			"editable": true,
+			"fill": [
+				{
+					"type": "solid",
+					"color": "rgba(45, 62, 80, 1)"
+				}
+			]
+		},
+		{
+			"tag": "Rect",
+			"name": "图层24",
+			"x": 160,
+			"y": 800,
+			"width": 633,
+			"height": 40,
+			"draggable": true,
+			"editable": true,
+			"fill": [
+				{
+					"type": "solid",
+					"color": "rgba(229, 231, 232, 1)"
+				}
+			]
+		},
+		{
+			"tag": "Text",
+			"width": 673,
+			"height": 60,
+			"padding": [
+				0,
+				0,
+				0,
+				0
+			],
+			"fill": [
+				{
+					"type": "solid",
+					"color": "rgba(0,0,0,1)"
+				}
+			],
+			"text": "程序设计基础、数据结构与算法、操作系统、编译原理、数据库系统、算法分析、软件工程、离散数学、电路与电子学、数字逻辑和数字系统、计算机组成原理、计算机系统结构、计算机网络原理等。",
+			"fontSize": 10,
+			"fontWeight": "normal",
+			"letterSpacing": {
+				"type": "px",
+				"value": 0
+			},
+			"lineHeight": {
+				"type": "percent",
+				"value": 150
+			},
+			"name": "图层25",
+			"x": 60,
+			"y": 880,
+			"draggable": true,
+			"editable": true
+		},
+		{
+			"tag": "Text",
+			"width": 200,
+			"padding": [
+				0,
+				0,
+				0,
+				0
+			],
+			"fill": [
+				{
+					"type": "solid",
+					"color": "rgba(0,0,0,1)"
+				}
+			],
+			"text": "•   组织活动",
+			"fontFamily": "Microsoft Yahei",
+			"fontSize": 11,
+			"fontWeight": "normal",
+			"letterSpacing": {
+				"type": "px",
+				"value": 0
+			},
+			"lineHeight": {
+				"type": "percent",
+				"value": 150
+			},
+			"name": "图层26",
+			"x": 60,
+			"y": 410,
+			"draggable": true,
+			"editable": true
+		},
+		{
+			"tag": "Text",
+			"width": 102.30411948990844,
+			"height": 25.52402285011651,
+			"padding": [
+				0,
+				0,
+				0,
+				0
+			],
+			"fill": [
+				{
+					"type": "solid",
+					"color": "rgba(255, 255, 255, 1)"
+				}
+			],
+			"text": "教 育 背 景",
+			"fontSize": 18,
+			"fontWeight": "normal",
+			"letterSpacing": {
+				"type": "px",
+				"value": 0
+			},
+			"lineHeight": {
+				"type": "percent",
+				"value": 150
+			},
+			"name": "图层27",
+			"x": 24,
+			"y": 807,
+			"draggable": true,
+			"editable": true
+		},
+		{
+			"tag": "Text",
+			"height": 20,
+			"padding": [
+				0,
+				0,
+				0,
+				0
+			],
+			"fill": [
+				{
+					"type": "solid",
+					"color": "rgba(0,0,0,1)"
+				}
+			],
+			"text": "大学行知助学社  社团部部长",
+			"fontSize": 14,
+			"fontWeight": "medium",
+			"letterSpacing": {
+				"type": "px",
+				"value": 0
+			},
+			"lineHeight": {
+				"type": "percent",
+				"value": 150
+			},
+			"name": "图层28",
+			"x": 40,
+			"y": 380,
+			"draggable": true,
+			"editable": true
+		},
+		{
+			"tag": "Text",
+			"width": 90,
+			"height": 20,
+			"padding": [
+				0,
+				0,
+				0,
+				0
+			],
+			"fill": [
+				{
+					"type": "solid",
+					"color": "rgba(0,0,0,1)"
+				}
+			],
+			"text": "2017 – 2021",
+			"fontSize": 14,
+			"fontWeight": "medium",
+			"letterSpacing": {
+				"type": "px",
+				"value": 0
+			},
+			"lineHeight": {
+				"type": "percent",
+				"value": 150
+			},
+			"name": "图层29",
+			"x": 527,
+			"y": 380,
+			"draggable": true,
+			"editable": true
+		},
+		{
+			"tag": "Text",
+			"height": 30,
+			"padding": [
+				0,
+				0,
+				0,
+				0
+			],
+			"fill": [
+				{
+					"type": "solid",
+					"color": "rgba(255, 255, 255, 1)"
+				}
+			],
+			"text": "项 目 经 历",
+			"fontSize": 18,
+			"fontWeight": "normal",
+			"letterSpacing": {
+				"type": "px",
+				"value": 0
+			},
+			"lineHeight": {
+				"type": "percent",
+				"value": 150
+			},
+			"name": "图层30",
+			"x": 21,
+			"y": 337,
+			"scaleY": 1,
+			"draggable": true,
+			"editable": true
+		},
+		{
+			"tag": "Text",
+			"width": 200,
+			"height": 24,
+			"padding": [
+				0,
+				0,
+				0,
+				0
+			],
+			"fill": [
+				{
+					"type": "solid",
+					"color": "rgba(0,0,0,1)"
+				}
+			],
+			"text": "北京大学    计算机科学",
+			"fontSize": 16,
+			"fontWeight": "medium",
+			"letterSpacing": {
+				"type": "px",
+				"value": 0
+			},
+			"lineHeight": {
+				"type": "percent",
+				"value": 150
+			},
+			"name": "图层31",
+			"x": 40,
+			"y": 850,
+			"draggable": true,
+			"editable": true
+		},
+		{
+			"tag": "Text",
+			"width": 90,
+			"height": 20,
+			"padding": [
+				0,
+				0,
+				0,
+				0
+			],
+			"fill": [
+				{
+					"type": "solid",
+					"color": "rgba(0,0,0,1)"
+				}
+			],
+			"text": "2017-2021",
+			"fontSize": 14,
+			"fontWeight": "medium",
+			"letterSpacing": {
+				"type": "px",
+				"value": 0
+			},
+			"lineHeight": {
+				"type": "percent",
+				"value": 150
+			},
+			"name": "图层32",
+			"x": 520,
+			"y": 850,
+			"draggable": true,
+			"editable": true
+		}
+	]
+}
\ No newline at end of file
diff --git a/src/views/Editor/layouts/panel/leftPanel/wrap/TempListWrap.vue b/src/views/Editor/layouts/panel/leftPanel/wrap/TempListWrap.vue
index bcc5aa2..d103e87 100644
--- a/src/views/Editor/layouts/panel/leftPanel/wrap/TempListWrap.vue
+++ b/src/views/Editor/layouts/panel/leftPanel/wrap/TempListWrap.vue
@@ -1,91 +1,57 @@
 <template>
   <div class="wrap">
-    <!-- <search-header :cateList="cateList" v-model="keyword" @changeCate="changeCate" @search="onSearch"/> -->
     <div v-if="page.dataList.length === 0">
         当前暂无模板！
     </div>
     <div v-else class="temp-wrap">
-      <comp-list-wrap
-        :data="page.dataList"
-        :config="config"
-        :noMore="page.noMore"
-        max-height="calc(100vh - 115px)"
-      >
-        <template #item="{ item, url, index }">
-          {{ item }}
-          {{ url }}
-          <a-card
-            hoverable
-            @click="handleClick(item)"
-            class="cursor-pointer drop-shadow"
-            :body-style="{ padding: '0px' }"
-          >
-            <div class="">
-              <!-- <div class="tags">
-                <div class="tag">免费</div>
-              </div> -->
-              <LazyImg :url="url" class="img" />
-            </div>
-          </a-card>
-        </template>
-      </comp-list-wrap>
+      <div class="card-body" v-for="(item,index) in page.dataList" :key="item.id" @click="handleClick(item)">
+        <div class="img">
+          <img :src="item.cover">
+        </div>
+        <div class="title">
+          <p>{{ item.title }}</p>
+        </div>
+      </div>
     </div>
   </div>
 </template>
 
 <script lang="ts" setup>
-import { LazyImg, Waterfall } from "@/components/vue-waterfall-plugin-next";
-// import loading from '@/assets/images/loading.png'
-import error from "@/assets/images/error.png";
-import searchHeader from "@/components/editorModules/searchHeader.vue";
-const config = {
-  imgSelector: "cover",
-};
-
 import { useEditor } from "@/views/Editor/app";
-import { Group, Image } from "leafer-ui";
 const { editor } = useEditor();
-import { getDefaultName } from "@/views/Editor/utils/utils";
-import CompListWrap from "@/views/Editor/layouts/panel/leftPanel/wrap/CompListWrap.vue";
-// import usePageMixin from "@/views/Editor/layouts/panel/leftPanel/wrap/mixins/pageMixin";
 import { pageData } from "@/views/Editor/layouts/panel/leftPanel/wrap/mixins/data"
-import { queryTemplateList } from "@/api/editor/materials";
-const keyword = ref();
-const cateList = reactive([
-  { label: "全部", value: "-1" },
-  { label: "风景图片", value: "1111" },
-  { label: "插画图片", value: "1111" },
-]);
-const changeCate = (e) => {
-  console.log("e=", e);
-};
-const onSearch = (value, ev) => {
-  console.log("value=", value);
-  console.log("keyword=", keyword.value);
-  console.log("ev=", ev);
-};
+
 const { page } = pageData()
-console.log(page)
-// const fetchData = () => {
-//   queryTemplateList(page).then((res) => {
-//     if (res.success) {
-//       const newDataList = res.data.records;
-//       if (newDataList.length > 0) {
-//         page.dataList.push(...newDataList);
-//         page.pageNum += 1;
-//       }
-//       if (page.dataList.length >= res.data.total) {
-//         page.noMore = true;
-//       } else {
-//         page.noMore = false;
-//       }
-//     }
-//   });
-// };
-const handleClick = (item) => {
+const handleClick = (item: any) => {
   console.log(item.json);
   editor.importJsonToCurrentPage(item.json, true);
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.wrap {
+  width: 100%;
+  height: 100%;
+  .temp-wrap {
+    width: 100%;
+    height: 100%;
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    .card-body {
+      margin-top: 10px;
+      width: 150px;
+      height: 240px;
+      justify-self: center;
+      background-color: #f4f4f4;
+      .img {}
+      .title {
+        margin-top: 3px;
+        text-align: center;
+      }
+    }
+    .card-body :hover {
+      background-color: #e9e9e9;
+    }
+  }
+}
+</style>
diff --git a/src/views/Editor/layouts/panel/leftPanel/wrap/mixins/data.js b/src/views/Editor/layouts/panel/leftPanel/wrap/mixins/data.js
index 6cb0000..2ba66e2 100644
--- a/src/views/Editor/layouts/panel/leftPanel/wrap/mixins/data.js
+++ b/src/views/Editor/layouts/panel/leftPanel/wrap/mixins/data.js
@@ -1,6 +1,16 @@
+import data1 from '@/assets/data/modelData/1.json';
+
 export function pageData() {
   const page = {
-    dataList: [],
+    dataList: [
+      {
+        cover:  "https://www.听闻.cn:5244/d/本地/阿里云盘资料备份共享/图片/图床/2023/12/18/657fdfbd444f9.png",
+        id: 1,
+        json: data1,
+        state: 1,
+        title: "基础模板1",
+      },
+    ],
     noMore: false
   }
   return {