0
点赞
收藏
分享

微信扫一扫

vant组件Popup 弹出层单独设置 van-overlay和van-popup样式

<van-popup
   v-model="showInfoBox"
   position="top"
   class="top_"
 >

vant组件Popup 弹出层单独设置 van-overlay和van-popup样式_全局设置

默认情况下会自带灰色蒙版 如果一个页面的布局 需要调用很多个弹框的话 有的弹框不想要这个蒙版背景就需要通过 这样设置 相当于全局设置了
.van-overlay{
    background-color: transparent;
    width: 0;
    height: 0;
}
这样如果有单独的样式需要设置就没法操作 用自带的属性 来设置
:overlay-style="{background:'rgba(255,255,255,0)'}"
直接去除 背景颜色

<van-popup
  v-model="showInfoBox"
  position="top"
  class="top_"
  :overlay-style="{background:'rgba(255,255,255,0)'}"
>

vant组件Popup 弹出层单独设置 van-overlay和van-popup样式_全局设置_02

举报

相关推荐

0 条评论