小程序上线后电脑端打开界面乱了

上线后电脑端打开小程序显示

 

 

 手机端打开是正常的

 

原因是因为button按钮导致的，button使用了style v2这个属性，所以导致你没有办法设置宽高，但可能只是在电脑上，所以要把style v2属性删除，在app.json里面可以看到

 

 

 

去把他删除，删除完之后button按钮会有个边框

 

 

 

 

在开发微信小程序组件框架时，我遇到了一个问题，微信小程序中的button组件有特定的css，背景可以用“background：none”去掉，但是边框再用“border : none”去掉就不可以了，这也是微信小程序与h5的不同之处。

 

但是在微信小程序中使用:after选择器就可以实现这一功能。

 

使用 button::after{ border: none; } 来去除边框

 

 

 

 

 

接下来就是自己再重新调试一下样式文件就可以了