A small problem in the add and subtract control
wxss:
< H1 > game .Details .Details-list .stepper {< / H1 > width: 80rpx;
height: 26rpx; / set a border for the main container /
border: 1rpx solid-sharpff9508;
border-radius: 3rpx;
float: right;
margin: 0 auto;
margin-right: 50rpx;
}
< H1 > game .details. Details-list .stepper text {< / H1 > width: 19rpx;
line-height: 26rpx;
text-align: center;
float: left;
background-color:-sharpff9508;
}
width: 40rpx;
height: 26rpx;
/ min-height:0.6rem; /
float: left;
margin: 0 auto;
text-align: center;
background-color: yellow;
font-size: 12rpx; / set the left and right borders to the middle input /
border-left: 1rpx solid-sharpff9508;
border-right: 1rpx solid-sharpff9508;
}
color: black;
}
color:-sharpccc;
}
wxml:
< view class= "Details-list" >
<text>:</text>
<!-- <text>{{ranking}}</text> -->
<view class="stepper">
<!-- -->
<text class="{{minusStatus}}" bindtap="bindMinus">-</text>
<!-- -->
<input type="number" bindchange="bindManual" value="{{num}}" />
<!-- -->
<text class="normal" bindtap="bindPlus">+</text>
</view>
</view>
in order to adapt to the mobile phone, the height of the median input value input box is modified, and the result value is only half displayed. From the Internet, we can see that modifying the min-height property of the input box still can not be solved. Is there any way to solve this?
