van-popup 全屏的解决方法

时间:2024-03-16 08:03:51

在vant官网文档上看了好久也没有找到全屏的弹窗组件,没有解决,只能自己搞了,其实也很简单

  • 代码部分
<van-popup v-model="isShow" position="top" class="overlay80vh" :overlay="true">
      内容
</van-popup>
  • CSS样式
.overlay80vh{
  height:80vh;
}

效果图
van-popup 全屏的解决方法

写在后面

到了这里其实也看到了可以自定义样式,可以将height:80vh的值改为100vh就是全屏了 ????