diff --git a/yshop-drink-uniapp-vue3/pages/menu/menu.vue b/yshop-drink-uniapp-vue3/pages/menu/menu.vue index 5a36e8d..f84c0dc 100644 --- a/yshop-drink-uniapp-vue3/pages/menu/menu.vue +++ b/yshop-drink-uniapp-vue3/pages/menu/menu.vue @@ -1009,21 +1009,26 @@ $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; } - .btn { - box-sizing: border-box; - flex: 0 0 $size; - width: $size; - min-width: $size; - height: $size; - padding: 0; - border-radius: $border-radius-circle; + @if $fix-btn { + .btn { + box-sizing: border-box; + flex: 0 0 $size; + width: $size; + min-width: $size; + height: $size; + padding: 0; + border-radius: $border-radius-circle; + } } .number { @@ -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;