feat:重构按钮和icon组件
This commit is contained in:
@@ -0,0 +1,44 @@
|
||||
@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);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user