From 7f4b1d6d1394a32c4c9cf73b74bb1b08d7df425c Mon Sep 17 00:00:00 2001
From: ZF sun <34314687@qq.com>
Date: Fri, 7 Aug 2026 17:24:31 +0800
Subject: [PATCH] =?UTF-8?q?fix(diy-recommend-code):=20Horizontal=20?=
 =?UTF-8?q?=E9=A3=8E=E6=A0=BC=E7=AB=8B=E5=8D=B3=E5=88=86=E4=BA=AB=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE=E6=94=B9=E9=BB=84=E6=A9=99=E6=B8=90=E5=8F=98=E8=83=B6?=
 =?UTF-8?q?=E5=9B=8A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

之前后端 diyData.buttonBgColor 默认 #E4393C 覆盖了 Horizontal 风格的
`linear-gradient(90deg,#FF9800 0%,#FF4444 100%)` 默认值，导致「立即分享」
按钮显示为红色实心，与设计参考图不一致。

调整内容：
- 立即分享按钮固定走 linear-gradient(90deg,#FFC107 0%,#FF8F00 100%)
  不再读 diyData.buttonBgColor（与 Gradient 风格保持统一）
- 阴影色从 rgba(255,68,68,...) 改为 rgba(255,143,0,...) 与渐变色一致
- H5 端 view fallback 同步（与 Card / Gradient 风格统一处理）

影响范围：仅 Horizontal 横向风格（stylePreset === 'horizontal'）。
---
 components-diy/diy-recommend-code.vue | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/components-diy/diy-recommend-code.vue b/components-diy/diy-recommend-code.vue
index 7576cac..4a985a8 100644
--- a/components-diy/diy-recommend-code.vue
+++ b/components-diy/diy-recommend-code.vue
@@ -270,10 +270,14 @@
             <text style="font-size:22rpx;">📋</text>
             <text :style="{ fontSize: '24rpx', color: value.codeColor || '#FF8F00', fontWeight: '600' }">复制推荐码</text>
           </view>
-          <!-- 右下角：立即分享链接按钮（渐变橙色圆角胶囊，靠右，触发微信原生分享） -->
-          <button v-if="value.showShareButton !== false" open-type="share" @tap="onShareClick" :style="{ height: '72rpx', display: 'flex', justifyContent: 'center', alignItems: 'center', background: (value.buttonBgColor && /^#[0-9a-f]{3,8}$/i.test(value.buttonBgColor)) ? value.buttonBgColor : 'linear-gradient(90deg,#FF9800 0%,#FF4444 100%)', borderRadius: '36rpx', padding: '0 40rpx', boxShadow: '0 4rpx 12rpx rgba(255,68,68,0.25)', marginBottom: '-4rpx', border: 'none', lineHeight: '1' }">
-            <text :style="{ fontSize: '27rpx', fontWeight: '700', color: value.buttonTextColor || '#FFFFFF' }">📤 {{ value.buttonText || '立即分享' }}</text>
+          <!-- 右下角：立即分享链接按钮（黄橙渐变胶囊，靠右，触发微信原生分享）
+               H5 端用 view 触发，小程序/APP 端保留 button 以触发 open-type=share -->
+          <button v-if="value.showShareButton !== false && !isH5Platform" open-type="share" @tap="onShareClick" :style="{ height: '72rpx', display: 'flex', justifyContent: 'center', alignItems: 'center', background: 'linear-gradient(90deg,#FFC107 0%,#FF8F00 100%)', borderRadius: '36rpx', padding: '0 40rpx', boxShadow: '0 4rpx 12rpx rgba(255,143,0,0.3)', marginBottom: '-4rpx', border: 'none', lineHeight: '1' }">
+            <text :style="{ fontSize: '27rpx', fontWeight: '700', color: '#FFFFFF' }">📤 {{ value.buttonText || '立即分享' }}</text>
           </button>
+          <view v-else-if="value.showShareButton !== false" @tap="onShareClick" :style="{ height: '72rpx', display: 'flex', justifyContent: 'center', alignItems: 'center', background: 'linear-gradient(90deg,#FFC107 0%,#FF8F00 100%)', borderRadius: '36rpx', padding: '0 40rpx', boxShadow: '0 4rpx 12rpx rgba(255,143,0,0.3)', marginBottom: '-4rpx', lineHeight: '1', boxSizing: 'border-box' }">
+            <text :style="{ fontSize: '27rpx', fontWeight: '700', color: '#FFFFFF' }">📤 {{ nc.buttonText || '立即分享' }}</text>
+          </view>
         </view>
       </view>
       <!-- 换一个新码 -->