From a4a55309bd89ec7d9779680ae9435b33f5354bcc Mon Sep 17 00:00:00 2001
From: BTMuli <BT-Muli@outlook.com>
Date: Fri, 31 Mar 2023 19:56:24 +0800
Subject: [PATCH] =?UTF-8?q?fix(parser):=20=E5=AE=8C=E5=96=84fold=E7=B1=BB?=
 =?UTF-8?q?=E5=9E=8B=E6=B8=B2=E6=9F=93?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src-tauri/tauri.conf.json       |  2 +-
 src/assets/css/mys-parser.css   | 11 +++++++++++
 src/plugins/Mys/utils/parser.ts | 22 +++++++++-------------
 3 files changed, 21 insertions(+), 14 deletions(-)

diff --git a/src-tauri/tauri.conf.json b/src-tauri/tauri.conf.json
index ebec3468..e0892d97 100644
--- a/src-tauri/tauri.conf.json
+++ b/src-tauri/tauri.conf.json
@@ -64,7 +64,7 @@
 				"width": 1600,
 				"height": 900,
 				"center": true,
-				"transparent": true
+				"transparent": false
 			}
 		]
 	}
diff --git a/src/assets/css/mys-parser.css b/src/assets/css/mys-parser.css
index e6c748ad..99e83362 100644
--- a/src/assets/css/mys-parser.css
+++ b/src/assets/css/mys-parser.css
@@ -21,6 +21,17 @@
 	text-decoration: none;
 }
 
+.mys-post-details {
+	border: #35acce 2px solid;
+	padding: 10px;
+	border-radius: 10px;
+}
+
+.mys-post-details ::marker {
+	color: #35acce;
+	content: "✧";
+}
+
 .mys-post-divider {
 	margin: 20px auto;
 }
diff --git a/src/plugins/Mys/utils/parser.ts b/src/plugins/Mys/utils/parser.ts
index 06aee950..5fbe3739 100644
--- a/src/plugins/Mys/utils/parser.ts
+++ b/src/plugins/Mys/utils/parser.ts
@@ -2,7 +2,7 @@
  * @file plugins Mys utils PostParser.ts
  * @description 用于解析Mys数据的工具
  * @author BTMuli<bt-muli@outlook.com>
- * @since Alpha
+ * @since Alpha v0.1.1
  */
 import { PostStructuredContent } from "../interface/post";
 
@@ -275,30 +275,26 @@ function BackupTextParser(data: PostStructuredContent): HTMLDivElement {
 	const contentJson: PostStructuredContent[] = JSON.parse(data.insert.fold.content);
 	// 创建 div
 	const div = document.createElement("div");
+	div.classList.add("mys-post-div");
+	// 创建折叠内容
+	const details = document.createElement("details");
+	details.classList.add("mys-post-details");
 	// 创建标题
-	const title = document.createElement("div");
+	const title = document.createElement("summary");
 	// 解析标题
 	titleJson.forEach(item => {
-		// 解析
 		const parsed = ParserTransfer(item);
-		// 插入
 		title.appendChild(parsed);
 	});
 	// 创建内容
 	const content = document.createElement("div");
-	// 解析内容
 	contentJson.forEach(item => {
-		// 解析
 		const parsed = ParserTransfer(item);
-		// 插入
 		content.appendChild(parsed);
 	});
-	// 插入标题
-	div.appendChild(title);
-	// 插入内容
-	div.appendChild(content);
-	// 添加 class
-	div.classList.add("mys-post-div");
+	details.appendChild(title);
+	details.appendChild(content);
+	div.appendChild(details);
 	// 返回 div
 	return div;
 }