fix(uniapp): 选规格按钮
This commit is contained in:
1 parent
3d72f6c714
commit
dc57b10d37
1 file changed
+7
-2
@@ -1009,13 +1009,17 @@ $menu-divider-height: 2rpx;
|
||||
-webkit-line-clamp: 3;
|
||||
}
|
||||
|
||||
@mixin quantity-control($size) {
|
||||
// $fix-btn: 是否把按钮锁成固定尺寸的小圆钮。
|
||||
// 纯数量加减(详情弹窗、购物车弹窗)用 true;
|
||||
// 商品列表这类混有“选规格”等宽按钮的地方用 false,靠 .quantity-btn 自己锁尺寸。
|
||||
@mixin quantity-control($size, $fix-btn: true) {
|
||||
.btn,
|
||||
.number {
|
||||
line-height: $size;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@if $fix-btn {
|
||||
.btn {
|
||||
box-sizing: border-box;
|
||||
flex: 0 0 $size;
|
||||
@@ -1025,6 +1029,7 @@ $menu-divider-height: 2rpx;
|
||||
padding: 0;
|
||||
border-radius: $border-radius-circle;
|
||||
}
|
||||
}
|
||||
|
||||
.number {
|
||||
min-width: 38rpx;
|
||||
@@ -1381,7 +1386,7 @@ page {
|
||||
border-radius: $border-radius-circle;
|
||||
}
|
||||
|
||||
@include quantity-control(var(--menu-control-size-sm));
|
||||
@include quantity-control(var(--menu-control-size-sm), false);
|
||||
|
||||
.number {
|
||||
min-width: 38rpx;
|
||||
|
||||
Reference in new issue
Block a user