fix(uniapp): 购物车数量按钮拉伸

This commit is contained in:
Kroytz committed 2026-07-31 14:24:41 +08:00
1 parent c902d018d9
commit 42b6f70fcf
1 file changed
+14 -5
+14 -5
View File
@@ -971,16 +971,23 @@ $menu-divider-height: 2rpx;
@mixin quantity-control($size) { @mixin quantity-control($size) {
.btn, .btn,
.number { .number {
//width: $size;
//height: $size;
line-height: $size; line-height: $size;
text-align: center; text-align: center;
} }
.btn { .btn {
//padding: 0; box-sizing: border-box;
flex: 0 0 $size;
width: $size;
min-width: $size;
height: $size;
padding: 0;
border-radius: $border-radius-circle; border-radius: $border-radius-circle;
} }
.number {
min-width: 38rpx;
}
} }
@mixin list-divider { @mixin list-divider {
@@ -1289,7 +1296,7 @@ page {
position: relative; position: relative;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: flex-end;
.btn { .btn {
box-sizing: border-box; box-sizing: border-box;
@@ -1303,7 +1310,9 @@ page {
} }
&.quantity-btn { &.quantity-btn {
flex: 0 0 var(--menu-control-size-sm);
width: var(--menu-control-size-sm); width: var(--menu-control-size-sm);
min-width: var(--menu-control-size-sm);
padding: 0; padding: 0;
border-radius: 50%; border-radius: 50%;
} }