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) {
|
@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%;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in new issue
Block a user