diff --git a/mini-program/src/pages/main/ScriptDetailView.vue b/mini-program/src/pages/main/ScriptDetailView.vue index eb4a313..ad14eaa 100644 --- a/mini-program/src/pages/main/ScriptDetailView.vue +++ b/mini-program/src/pages/main/ScriptDetailView.vue @@ -59,7 +59,10 @@ onMounted(() => { // 从 store 获取剧本详情 if (scriptId) { script.value = scripts.value.find(s => s.id === scriptId) - if (script.value?.plotJson?.fullContent) { + // 优先读取 content 字段(转换后的格式),兼容 plotJson.fullContent + if (script.value?.content) { + fullContent.value = script.value.content + } else if (script.value?.plotJson?.fullContent) { fullContent.value = script.value.plotJson.fullContent } else { fullContent.value = '暂无完整内容' @@ -90,6 +93,7 @@ const goBack = () => { background: rgba(168, 85, 247, 0.1); border-bottom: 1px solid rgba(168, 85, 247, 0.2); flex-shrink: 0; + position: relative; } .header-left { @@ -100,6 +104,8 @@ const goBack = () => { border-radius: 24rpx; background: rgba(168, 85, 247, 0.15); border: 1px solid rgba(168, 85, 247, 0.2); + z-index: 10; + flex-shrink: 0; } .back-icon { @@ -118,6 +124,13 @@ const goBack = () => { font-weight: 500; color: rgba(243, 232, 255, 0.9); font-family: 'Cinzel', 'Inter', serif; + flex: 1; + text-align: center; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + margin-left: 8rpx; + margin-right: 8rpx; } /* ==================== 滚动内容区 ==================== */