chore:推荐码样式2立即分享按钮和推荐码对齐
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user