From 7bc48c13288db62d522b21eb5a93dddada19c487 Mon Sep 17 00:00:00 2001 From: WindowBird <13870814+windows-bird@user.noreply.gitee.com> Date: Wed, 27 Aug 2025 09:04:44 +0800 Subject: [PATCH] =?UTF-8?q?=E5=AE=9E=E7=8E=B0=E8=AF=A6=E7=BB=86=E9=A1=B5?= =?UTF-8?q?=E9=9D=A2=E5=85=AC=E5=91=8A=E8=87=AA=E5=8A=A8=E6=8D=A2=E8=A1=8C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- pages/announcementList/announcementDetail.vue | 31 ++++++++++--------- 1 file changed, 16 insertions(+), 15 deletions(-) diff --git a/pages/announcementList/announcementDetail.vue b/pages/announcementList/announcementDetail.vue index 8de5b54..44c2e07 100644 --- a/pages/announcementList/announcementDetail.vue +++ b/pages/announcementList/announcementDetail.vue @@ -6,7 +6,7 @@ {{ announcementDetail.createTime }} - + @@ -20,7 +20,7 @@ const announcementDetail = ref({ id: '', title: '', content: '', - createTime: '' + createTime: '', }) // 获取页面参数 @@ -28,12 +28,12 @@ const getPageParams = () => { const pages = getCurrentPages() const currentPage = pages[pages.length - 1] const options = currentPage.options - + announcementDetail.value = { id: options.id || '', title: decodeURIComponent(options.title || ''), content: decodeURIComponent(options.content || ''), - createTime: decodeURIComponent(options.createTime || '') + createTime: decodeURIComponent(options.createTime || ''), } } @@ -63,6 +63,7 @@ onMounted(() => { color: #333; line-height: 1.4; margin-bottom: 20rpx; + word-break: break-all; /* 强制换行(包括长单词) */ } .meta { @@ -87,33 +88,33 @@ onMounted(() => { font-size: 28rpx; line-height: 1.8; color: #333; - + :deep(img) { max-width: 100%; height: auto; border-radius: 8rpx; margin: 20rpx 0; } - + :deep(p) { margin-bottom: 20rpx; } - + :deep(h1, h2, h3, h4, h5, h6) { font-weight: bold; margin: 30rpx 0 20rpx 0; color: #333; } - + :deep(ul, ol) { padding-left: 40rpx; margin-bottom: 20rpx; } - + :deep(li) { margin-bottom: 10rpx; } - + :deep(blockquote) { border-left: 8rpx solid #007aff; padding-left: 20rpx; @@ -121,14 +122,14 @@ onMounted(() => { color: #666; font-style: italic; } - + :deep(code) { background-color: #f0f0f0; padding: 4rpx 8rpx; border-radius: 4rpx; font-family: 'Courier New', monospace; } - + :deep(pre) { background-color: #f0f0f0; padding: 20rpx; @@ -136,19 +137,19 @@ onMounted(() => { overflow-x: auto; margin: 20rpx 0; } - + :deep(table) { width: 100%; border-collapse: collapse; margin: 20rpx 0; } - + :deep(th, td) { border: 1rpx solid #ddd; padding: 16rpx; text-align: left; } - + :deep(th) { background-color: #f8f8f8; font-weight: bold;