From 81758accdcb48da1166a11646e7ae61bc5a5bf32 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=98=BF=E6=80=AA?= <690927457@qq.com>
Date: Wed, 28 Feb 2024 01:26:27 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E6=96=87=E7=AB=A0?=
 =?UTF-8?q?=E8=AF=A6=E6=83=85=E6=97=A0=E6=B3=95=E5=B1=95=E7=A4=BA=E5=9B=BE?=
 =?UTF-8?q?=E7=89=87=E7=9A=84bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/wikipedia/detail.vue | 25 +++++++++++++++++++------
 1 file changed, 19 insertions(+), 6 deletions(-)

diff --git a/pages/wikipedia/detail.vue b/pages/wikipedia/detail.vue
index 86aaa4d..47c708a 100644
--- a/pages/wikipedia/detail.vue
+++ b/pages/wikipedia/detail.vue
@@ -28,6 +28,11 @@
 		getDetail(e.id)
 	})
 	// 变量
+	let strings = `<div style="text-align: center; "><p>&nbsp;测试内容222sdadd&nbsp;</p><figure class="image"><img src="https://jmyl-app.oss-cn-chengdu.aliyuncs.com/miniapp/uploads/2024-02-24/undone.png"/></figure></div>`
+	// `<p>&nbsp;测试内容222sdadd&nbsp;</p><figure class="image"><img src="https://jmyl-app.oss-cn-chengdu.aliyuncs.com/miniapp/uploads/2024-02-24/undone.png"></figure>`
+	// strings = strings.replaceAll("figure", "div");
+	// strings = strings.replaceAll("<img", "<img style='width:100%'");
+	console.log(strings)
 	const userInfo = ref(null)
 	// const content = ref(null)
 	const a_info = ref(null)
@@ -36,6 +41,10 @@
 		const res = await api.getArticleDetail({id})
 		if(res.code == 0) {
 			a_info.value = res.data
+			if(a_info.value.content) {
+				a_info.value.content = a_info.value.content.replaceAll("figure", "div");
+				a_info.value.content = a_info.value.content.replaceAll("<img", "<img style='width:100%'");
+			}
 		}
 		else{
 			uni.showToast({
@@ -67,15 +76,19 @@
 		}
 		a_info.value.is_favorite = type
 		
-	}
-</script>
+	}
+</script>
 <template>
 	<view class="detailBox">
 		<view class="title">
 			{{a_info?.title}}
 		</view>
 		<view v-if="a_info" class="more-info small-text">{{util.timestampToDate(a_info?.CreatedAt)}}</view>
-		<view class="d-content" v-html="a_info?.content"></view>
+		<!-- <view class="d-content">
+			<rich-text :nodes="a_info?.content"></rich-text>
+		</view> -->
+		<view v-if="a_info" class="d-content" v-html="a_info.content">
+		</view>
 		<view class="action-box" v-if="a_info">
 			<view class="ab-item">
 				<uni-icons color="gray" type="eye" size="30"></uni-icons>	
@@ -87,8 +100,8 @@
 			</view>
 		</view>
 		<emptyCard title="暂无内容" v-if="!a_info"></emptyCard>
-	</view>
-</template>
+	</view>
+</template>
 <style scoped lang="scss"> 
 .action-box{
 	margin-top: 20px;
@@ -115,5 +128,5 @@
 	.d-content{
 		line-height: 50rpx;
 	}
-}
+}
 </style>
\ No newline at end of file