chore:推荐码样式2立即分享按钮和推荐码对齐

This commit is contained in:
2026-08-05 14:15:27 +08:00
parent 5e8a1a48dd
commit 74c24d084e

View File

@@ -419,7 +419,9 @@ export default {
return [
`border:2rpx dashed ${v.codeColor || '#6B4423'};`,
`border-radius:${this.px2rpx(Math.max(4, (Number(v.borderRadius) || 8) - 4))}rpx;`,
'margin-top:28rpx;'
'margin-top:28rpx;',
// 新增布局行内样式,强制横向
'display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;'
].join('');
},
minimalCopyBtnStyle() {
@@ -1229,23 +1231,38 @@ onShareClick() {
box-sizing: border-box;
width: 100%;
.rc-code-minimal {
/* 强制覆盖父级.rc-code-box纵向布局 */
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
flex-wrap: nowrap !important; /* 禁止换行 */
background: transparent;
border-style: dashed;
padding: 22rpx 26rpx;
gap: 16rpx;
align-items: center;
.rc-code-minimal-text { text-align: center; letter-spacing: 4rpx; line-height: 1; }
.rc-code-minimal-text {
text-align: left;
letter-spacing: 4rpx;
line-height: 1;
flex: 1; /* 文字自适应填充剩余宽度 */
white-space: nowrap; /* 文字不换行挤压按钮 */
overflow: hidden;
text-overflow: ellipsis;
}
.rc-copy-minimal {
font-size: 22rpx;
line-height: 1;
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0 !important; /* 按钮禁止被压缩 */
white-space: nowrap;
}
}
.rc-action-minimal { justify-content: space-between; }
}
/* ===== 预设 3:card 金色边框 ===== */
.style-card {
box-sizing: border-box;