From 791d0bb6239915be21081582e4eda0b60c996f54 Mon Sep 17 00:00:00 2001
From: ZF sun <34314687@qq.com>
Date: Sat, 25 Jul 2026 09:06:39 +0800
Subject: [PATCH] =?UTF-8?q?fix(goods-detail):=20=E9=AA=A8=E6=9E=B6?=
 =?UTF-8?q?=E5=B1=8F=E6=9C=9F=E9=97=B4=E4=B8=8D=E5=86=8D=E6=B8=B2=E6=9F=93?=
 =?UTF-8?q?=E7=9C=9F=E5=AE=9E=E5=BA=95=E9=83=A8=20action?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 把 <slot name="action"> 移入 v-else 分支, 与 .goods-detail 同一生命周期
- 修复: 加载初期 goodsSkuDetail.goods_state=0 (默认值), 父组件 detail.vue
  模板里 <ns-goods-action> 走 v-else 显示"该商品已下架"
- 数据到达 goods_state=1 后才切到正常按钮, 导致首屏出现"已下架→正常"闪烁
- 修复后: 骨架屏状态下完全不渲染 ns-goods-action, 仅显示 .goods-detail-skeleton-action 占位

Co-Authored-By: Claude <noreply@anthropic.com>
---
 .../goods-detail-view/goods-detail-view.vue            | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/pages_goods/_components/goods-detail-view/goods-detail-view.vue b/pages_goods/_components/goods-detail-view/goods-detail-view.vue
index be74771..4851f24 100644
--- a/pages_goods/_components/goods-detail-view/goods-detail-view.vue
+++ b/pages_goods/_components/goods-detail-view/goods-detail-view.vue
@@ -21,8 +21,11 @@
         </view>
         <!-- 修复鸿蒙元服务: 移除无效的 scroll-y="true" 属性 (scroll-y 是 <scroll-view> 的指令属性)
              鸿蒙 JSVM 早期版本遇到无效 attribute 会让 view 子树静默不渲染, 导致整个详情页空白 -->
-        <view v-else class="goods-detail" :class="isIphoneX ? 'active' : ''">
-            <view class="goods-container">
+        <view v-else class="goods-detail-wrap">
+            <!-- 操作区域 slot: 与 .goods-detail 同一 v-else 分支, 避免骨架屏状态下被父组件渲染真实按钮(基于默认 goods_state=0 显示"该商品已下架") -->
+            <slot name="action"></slot>
+            <view class="goods-detail" :class="isIphoneX ? 'active' : ''">
+                <view class="goods-container">
                 <!-- AI客服悬浮按钮 -->
                 <view class="ai-chat-float-btn" @tap.stop="$emit('aiChatClick')" v-if="showAIChatBtn">
                     <image :src="aiAvatarUrl" mode="aspectFill" class="ai-avatar-icon" />
@@ -495,11 +498,10 @@
                 </view>
 
                 <slot name="fixedbtn"></slot>
+                </view>
             </view>
         </view>
 
-        <!-- 操作区域 -->
-        <slot name="action"></slot>
         <to-top v-if="showTop" @toTop="scrollToTopNative()"></to-top>
         <ns-login ref="login"></ns-login>
     </view>