Fix:3343 【礼品】购买礼品数量,增加可以手动输入数字

This commit is contained in:
linxi
2025-03-14 14:23:08 +08:00
parent d297245140
commit 36fcb30879
+13 -9
View File
@@ -60,19 +60,19 @@
v-model="goodsInfo.cartNum" v-model="goodsInfo.cartNum"
:max="goodsInfo['productInfo']['attrInfo']['stock']" :max="goodsInfo['productInfo']['attrInfo']['stock']"
integer integer
disabledInput
iconStyle="color: #fff" iconStyle="color: #fff"
class="num-step" class="num-step"
@change="numberChange" @change="numberChange"
> >
<template v-slot:minus> <template v-slot:minus>
<view class="v12-minus-btn v12-font-bold flex jc-center ai-center"> <view class="v12-minus-btn v12-font-bold flex jc-center ai-center">
<u-icon name="minus" size="12" color="#FFFFFF"/> <u-icon name="minus" size="12" color="#FFFFFF"/>
</view> </view>
</template> </template>
<template v-slot:input> <!-- <template v-slot:input>
<view class="num-input tc v12-num-input">{{ goodsInfo['cartNum'] }}</view> <input type="number" @input="numberChange" class="num-input tc v12-num-input" v-model="goodsInfo['cartNum']" />
</template> </template> -->
<template v-slot:plus> <template v-slot:plus>
<view class="v12-plus-btn v12-font-bold flex jc-center ai-center v12-primary"> <view class="v12-plus-btn v12-font-bold flex jc-center ai-center v12-primary">
<u-icon name="plus" size="12" color="#FFFFFF"/> <u-icon name="plus" size="12" color="#FFFFFF"/>
@@ -410,10 +410,14 @@ export default {
} }
} }
</script> </script>
<style>
.gift-page .u-number-box input {
height: 40rpx !important;
}
</style>
<style lang="less" scoped> <style lang="less" scoped>
.custom-cover{ .custom-cover{
height: 58rpx; height: 40rpx;
} }
.info-wrap{ .info-wrap{
width: 100%; width: 100%;
@@ -423,8 +427,8 @@ export default {
justify-content: space-between; justify-content: space-between;
} }
.v12-num-input{ .v12-num-input{
height: 40rpx; height: 56rpx;
width: 40rpx; width: 56rpx;
border: 1px solid #E6E6E6; border: 1px solid #E6E6E6;
line-height: 40rpx; line-height: 40rpx;
font-weight: bold; font-weight: bold;
@@ -436,8 +440,8 @@ export default {
} }
.v12-minus-btn{ .v12-minus-btn{
border-radius: 28rpx 0rpx 0rpx 28rpx; border-radius: 28rpx 0rpx 0rpx 28rpx;
border: 1px solid #E6E6E6;
background-color: rgba(208,208,208,0.39); background-color: rgba(208,208,208,0.39);
border: 1px solid rgba(208,208,208,0.39);
height: 40rpx; height: 40rpx;
width: 40rpx; width: 40rpx;
font-weight: bold; font-weight: bold;