Files
doodle-mini/miniprogram/components3.0/preview-footer-actions/preview-footer-actions.less
T
2026-04-07 17:23:05 +08:00

44 lines
891 B
Plaintext

@import '../../style/theme.less';
.preview-footer-actions {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
padding: 0 24rpx;
padding-bottom: calc(24rpx + env(safe-area-inset-bottom));
box-sizing: border-box;
z-index: 60;
&__bar {
max-width: 686rpx;
margin: 0 auto;
background: @bg-white;
border-radius: 48rpx;
padding: 20rpx;
box-shadow: 0 12rpx 40rpx rgba(0, 0, 0, 0.12);
border: 1rpx solid #f0e7d6;
display: flex;
gap: 16rpx;
}
&__secondary {
flex: 4;
}
&__primary {
flex: 6;
}
&__secondary .toy-btn,
&__primary .toy-btn {
width: 100%;
height: 88rpx;
border-radius: 28rpx;
font-size: 30rpx;
}
&__primary .toy-btn--primary {
box-shadow: 0 4rpx 12rpx rgba(255, 215, 0, 0.3);
}
}