fix(uniapp): 购物车数量按钮拉伸
This commit is contained in:
1 parent
c902d018d9
commit
42b6f70fcf
1 file changed
+13
-4
@@ -971,16 +971,23 @@ $menu-divider-height: 2rpx;
|
||||
@mixin quantity-control($size) {
|
||||
.btn,
|
||||
.number {
|
||||
//width: $size;
|
||||
//height: $size;
|
||||
line-height: $size;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.number {
|
||||
min-width: 38rpx;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin list-divider {
|
||||
@@ -1289,7 +1296,7 @@ page {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
justify-content: flex-end;
|
||||
|
||||
.btn {
|
||||
box-sizing: border-box;
|
||||
@@ -1303,7 +1310,9 @@ page {
|
||||
}
|
||||
|
||||
&.quantity-btn {
|
||||
flex: 0 0 var(--menu-control-size-sm);
|
||||
width: var(--menu-control-size-sm);
|
||||
min-width: var(--menu-control-size-sm);
|
||||
padding: 0;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
Reference in new issue
Block a user