diff --git a/components-diy/diy-recommend-code.vue b/components-diy/diy-recommend-code.vue index a4a78ad..e288f3d 100644 --- a/components-diy/diy-recommend-code.vue +++ b/components-diy/diy-recommend-code.vue @@ -247,7 +247,7 @@ export default { consentButtonText: '同意并获取推荐码', /* ============== 风格与样式 ============== */ - stylePreset: 'gradient', // gradient / minimal / card + stylePreset: 'gradient', bgColorStart: '#3B82F6', bgColorEnd: '#1E40AF', bgColor: '#FFFFFF', @@ -259,10 +259,10 @@ export default { buttonBgColor: '#E4393C', buttonTextColor: '#FFFFFF', shareButtonBgColor: '#67C23A', - titleFontSize: 14, // px,前端转 rpx(×2) - codeFontSize: 28, // px,前端转 rpx(×2) - borderRadius: 8, // px → rpx(×2) - padding: 16, // px → rpx(×2) + titleFontSize: 14, + codeFontSize: 28, + borderRadius: 8, + padding: 16, showQR: false, showLink: false, @@ -381,6 +381,7 @@ export default { `background:#FFFFFF;`, 'box-shadow:0 12rpx 36rpx rgba(166,139,106,0.15);', 'border-radius:24rpx;' + ,`border:3rpx solid #0066FF;` ].join(''); }, bookGoldCodeBoxStyle() { @@ -391,15 +392,18 @@ export default { 'margin-top:28rpx;' ].join(''); }, - bookGoldCopyBtnStyle() { - const v = this.nc; - return [ - `background:#B8A08A;`, - `color:#ffffff;`, - `border-radius:40rpx;`, - `font-size:24rpx;padding:10rpx 24rpx;` - ].join(''); - }, + bookGoldCopyBtnStyle() { + const v = this.nc; + return [ + `background:#E62E34;`, // 按钮红色背景,匹配图中大红按钮 + `color:#ffffff;`, // 白色文字 + `border-radius:999rpx;`, // 极致胶囊圆角(超大圆角) + `font-size:24rpx;`, + `font-weight:bold;`, // 文字加粗,和原图一致 + `padding:22rpx 70rpx;`, // 上下左右内边距撑开按钮大小 + `border:none;` // 清除默认边框 + ].join(''); + }, minimalStyle() { const v = this.nc; return this.cardBaseStyle + [