uniapp编译问题

我用 vscode 写了的 uniapp项目,然后用 npm run build:mp-weixin 编译成小程序,然后在小程序上调试是正常的界面显示, 但是用手机预览的话, 会有界面显示的异常!第一张图是小程序调试工具上显示的,第二张图是手机上显示的,请问一下这是什么原因