fix(parser): 完善fold类型渲染

src-tauri/tauri.conf.json

@@ -64,7 +64,7 @@
 				"width": 1600,
 				"height": 900,
 				"center": true,
-				"transparent": true
+				"transparent": false
 			}
 		]
 	}

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;
 }

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);
 	});
-	// 插入标题
+	details.appendChild(title);
-	div.appendChild(title);
+	details.appendChild(content);
-	// 插入内容
+	div.appendChild(details);
-	div.appendChild(content);
-	// 添加 class
-	div.classList.add("mys-post-div");
 	// 返回 div
 	return div;
 }