微信小程序cover-view 中button 设置宽度无效

我原本是这样设置的,但是在手机端并不能正常显示,经过真机调试之后,进行了样式调整。

<cover-view class="btns">
	<button class="btn" bindtap="addCartSureBtn">确定</button>
	<button class="btn" bindtap="hideModel">取消</button>
</cover-view>
.btns .btn {
    
    
  width: 190rpx !important;//设置最高级也无效
}

修改如下:

.btns .btn {
    
    
  width: 190rpx;
}

.btns .wx-button-cover-view-inner,
.btns .wx-button-cover-view-wrapper {
    
    
  width: 100%;
  padding: 0;
}
.wx-button-cover-view-inner与.wx-button-cover-view-wrapper是button在cover-view标签下自动添加的类名

猜你喜欢

转载自blog.csdn.net/cengjing123_/article/details/108730878