微信小程序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标签下自动添加的类名
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。