遮罩层显示在首页怎么解决

问题遇到的现象和发生背景

页面刷新的时候是这样

img

点击底部左边内容又恢复到了正常如 (想要的效果)

img

这是 vant 框架 的代码

<van-popup  v-model:show="detailShow"  position="right" :style="{ height: '100%', width: '100%' }">
            <MusicDetail :musicList="plaList[plaListIndex]" :play="play" :isbtnShow="isbtnShow"/>
 </van-popup>
我想要达到的结果

歌词详情页

img

只有这一点点代码可能看不出来什么的，一般出现这种问题，可能是样式写的有问题