From 21c07ba4504aac60e077f6ec4ac9cf6e36823daa Mon Sep 17 00:00:00 2001
From: Peanut <peanut_hzm@163.com>
Date: Tue, 7 Apr 2026 22:56:20 +0800
Subject: [PATCH] =?UTF-8?q?fix(mini-program):=20=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=E5=89=A7=E6=9C=AC=E8=AF=A6=E6=83=85=E9=A1=B5=E5=86=85=E5=AE=B9?=
 =?UTF-8?q?=E8=B6=85=E5=87=BA=E5=B1=8F=E5=B9=95=E5=92=8C=E9=97=B4=E8=B7=9D?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

修复内容:
1. 信息卡片右侧超出屏幕:
   - .info-value 添加 flex:1 + overflow: hidden + word-break: break-all
   - 长文本自动换行，不会超出屏幕
   - .info-label 添加 flex-shrink: 0 防止被压缩
   - .info-row 添加 min-width: 0 防止 flex 子项溢出

2. 卡片顶部与 header 无间距:
   - .detail-content padding 顶部从 0 改为 20rpx

3. 正文区域右侧超出:
   - .full-content 添加 overflow: hidden + word-break: break-all
   - Markdown 内容自动换行
---
 mini-program/src/pages/main/ScriptDetailView.vue | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/mini-program/src/pages/main/ScriptDetailView.vue b/mini-program/src/pages/main/ScriptDetailView.vue
index 6eafb04..9261dc6 100644
--- a/mini-program/src/pages/main/ScriptDetailView.vue
+++ b/mini-program/src/pages/main/ScriptDetailView.vue
@@ -150,7 +150,7 @@ const goBack = () => {
 .detail-content {
   flex: 1;
   overflow-y: auto;
-  padding: 0 32rpx 32rpx;
+  padding: 20rpx 32rpx 32rpx;
 }
 
 .content-container {
@@ -176,6 +176,7 @@ const goBack = () => {
   align-items: center;
   padding: 16rpx 0;
   border-bottom: 1px solid rgba(168, 85, 247, 0.1);
+  min-width: 0;
 }
 
 .info-row:last-child {
@@ -188,11 +189,18 @@ const goBack = () => {
   font-weight: 600;
   letter-spacing: 2rpx;
   text-transform: uppercase;
+  flex-shrink: 0;
 }
 
 .info-value {
-  font-size: 26rpx;
+  flex: 1;
+  text-align: right;
+  margin-left: 16rpx;
+  overflow: hidden;
+  word-break: break-all;
   color: rgba(243, 232, 255, 0.9);
+  font-size: 26rpx;
+  line-height: 1.5;
 }
 
 /* ==================== 完整内容卡片 ==================== */
@@ -202,6 +210,8 @@ const goBack = () => {
   border: 1px solid rgba(168, 85, 247, 0.2);
   border-radius: 40rpx;
   min-height: 400rpx;
+  overflow: hidden;
+  word-break: break-all;
 }
 
 .content-header {