在使用Vant的小程序UI组件时,发现官方自带的Dialog组件确认按钮与取消按钮样式不正确。按钮整体靠右移动,导致视觉上面看起来按钮位置不居中。
bad1.png
bad.png

Vant官方的github上也有人遇到了这样的问题,官方解释是去掉app.json里面的"style": "v2"。不使用微信的V2样式。我尝试了一下,确实可以解决相关问题。但是其实我们在全局把button的样式修改一下,也可以兼容V2样式。
我在app.wxss里面重写了一下button的样式

button:not([size='mini']) {
  width: 100%!important;
} 

强制覆盖掉官方的样式即可
good.png

标签: vant, 小程序, Dialog

评论已关闭