From 08d819c522e01b522ed3b7f3665141b2642bfaeb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9B=B9=E8=BE=89?= <814457906@qq.com>
Date: Fri, 24 Feb 2023 14:40:34 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/Healthitem/Healthitem.vue           | 30 ++++++++++++++++++++---
 pages/Healthknowledge/Healthknowledge.vue |  7 ++----
 pages/homepage/homepage.vue               |  5 +---
 3 files changed, 30 insertions(+), 12 deletions(-)

diff --git a/pages/Healthitem/Healthitem.vue b/pages/Healthitem/Healthitem.vue
index 1a4da59..f8264e2 100644
--- a/pages/Healthitem/Healthitem.vue
+++ b/pages/Healthitem/Healthitem.vue
@@ -7,7 +7,6 @@
 		</view>
 	</view>
 </template>
-
 <script>
 	export default {
 		data() {
@@ -19,13 +18,38 @@
 			this.item = JSON.parse(decodeURIComponent(options.item))
 			this.item.informationContent = this.item.informationContent.replace(/\<img/gi,
 				"<br/> <img class='richPic'")
+			this.item.informationContent = this.item.informationContent.replace(/\<p/gi,
+				"<p class='ptext'")
+			// this.item.informationContent = this.item.informationContent.replace(/\<span/,
+			// 	"<span class='ql-size-small'")
+			// atch = match.replace(/class="ql-size-large"/gi, 'max-width:100%;')
+			// console.log(this.item.informationContent)
 		},
-		onReady() { //更改导航栏文字
-		},
+		onReady() {}, //更改导航栏文字
 	}
 </script>
 
 <style lang="scss">
+	/deep/ .ptext {
+		margin-top: 20rpx;
+	}
+
+	/deep/ .ptext:nth-child(1) {
+		text-indent: 2em;
+	}
+
+	/deep/ .ql-size-small {
+		font-size: 20rpx;
+	}
+
+	/deep/ .ql-size-large {
+		font-size: 36rpx;
+	}
+
+	/deep/ .ql-size-huge {
+		font-size: 46rpx;
+	}
+
 	.title {
 		padding-left: 3%;
 		font-size: 38rpx;
diff --git a/pages/Healthknowledge/Healthknowledge.vue b/pages/Healthknowledge/Healthknowledge.vue
index 69ad69b..5f8b422 100644
--- a/pages/Healthknowledge/Healthknowledge.vue
+++ b/pages/Healthknowledge/Healthknowledge.vue
@@ -119,7 +119,7 @@
 		.Healthknowledge {
 			width: 94%;
 			margin: 20rpx auto;
-			padding: 0 50rpx 50rpx;
+			padding: 0 30rpx 50rpx;
 			background-color: #fff;
 			position: relative;
 			line-height: 46rpx;
@@ -156,11 +156,8 @@
 						position: absolute;
 						top: 20rpx;
 						left: 0;
-						width: 50%;
+						width: 60%;
 						font-size: 30rpx;
-						overflow: hidden;
-						text-overflow: ellipsis;
-						white-space: nowrap;
 					}
 				}
 			}
diff --git a/pages/homepage/homepage.vue b/pages/homepage/homepage.vue
index e929b59..cfe8713 100644
--- a/pages/homepage/homepage.vue
+++ b/pages/homepage/homepage.vue
@@ -367,11 +367,8 @@
 						position: absolute;
 						top: 20rpx;
 						left: 0;
-						width: 50%;
+						width: 65%;
 						font-size: 30rpx;
-						overflow: hidden;
-						text-overflow: ellipsis;
-						white-space: nowrap;
 					}
 				}
 			}