diff --git a/yshop-drink-uniapp-vue3/pages/menu/menu.vue b/yshop-drink-uniapp-vue3/pages/menu/menu.vue index 01199b1..5184c86 100644 --- a/yshop-drink-uniapp-vue3/pages/menu/menu.vue +++ b/yshop-drink-uniapp-vue3/pages/menu/menu.vue @@ -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; + .btn { + 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%; }