修改

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;

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

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