chore:推荐码样式2立即分享按钮和推荐码对齐
This commit is contained in:
@@ -419,7 +419,9 @@ export default {
|
|||||||
return [
|
return [
|
||||||
`border:2rpx dashed ${v.codeColor || '#6B4423'};`,
|
`border:2rpx dashed ${v.codeColor || '#6B4423'};`,
|
||||||
`border-radius:${this.px2rpx(Math.max(4, (Number(v.borderRadius) || 8) - 4))}rpx;`,
|
`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('');
|
].join('');
|
||||||
},
|
},
|
||||||
minimalCopyBtnStyle() {
|
minimalCopyBtnStyle() {
|
||||||
@@ -1229,23 +1231,38 @@ onShareClick() {
|
|||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
.rc-code-minimal {
|
.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;
|
background: transparent;
|
||||||
border-style: dashed;
|
border-style: dashed;
|
||||||
padding: 22rpx 26rpx;
|
padding: 22rpx 26rpx;
|
||||||
gap: 16rpx;
|
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 {
|
.rc-copy-minimal {
|
||||||
font-size: 22rpx;
|
font-size: 22rpx;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
flex-shrink: 0 !important; /* 按钮禁止被压缩 */
|
||||||
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.rc-action-minimal { justify-content: space-between; }
|
.rc-action-minimal { justify-content: space-between; }
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ===== 预设 3:card 金色边框 ===== */
|
/* ===== 预设 3:card 金色边框 ===== */
|
||||||
.style-card {
|
.style-card {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
|||||||
Reference in New Issue
Block a user