加减控件中的一个小问题
wxss:
game .Details .Details-list .stepper {
width: 80rpx;
height: 26rpx; /给主容器设一个边框/
border: 1rpx solid #ff9508;
border-radius: 3rpx;
float: right;
margin: 0 auto;
margin-right: 50rpx;
}
game .Details .Details-list .stepper text {
width: 19rpx;
line-height: 26rpx;
text-align: center;
float: left;
background-color: #ff9508;
}
game .Details .Details-list .stepper input {
width: 40rpx;
height: 26rpx;
/ min-height:0.6rem; /
float: left;
margin: 0 auto;
text-align: center;
background-color: yellow;
font-size: 12rpx; /给中间的input设置左右边框即可/
border-left: 1rpx solid #ff9508;
border-right: 1rpx solid #ff9508;
}
game .Details .Details-list .stepper .normal {
color: black;
}
game .Details .Details-list .stepper .disabled {
color: #ccc;
}
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>
因为要适应手机,所以修改了中间数input值输入框的高度,结果数值只显示一半,从网上看到修改input框的min-height属性还是没能解决,有什么办法能解决这个吗