微信小程序input框

加减控件中的一个小问题

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属性还是没能解决,有什么办法能解决这个吗

clipboard.png

阅读 5.6k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进